<!DOCTYPE html><html lang="en"><head><meta charSet="UTF-8"/><title>Accessibility Insights automated checks result</title><style>:root {
  --black: #000;
  --light-black: #161616;
  --white: #fff;
  --brand-blue: #004880;
  --grey: #333;
  --ada-brand-color: var(--brand-blue);
  --primary-text: rgb(0 0 0 / 90%);
  --secondary-text: rgb(0 0 0 / 70%);
  --disabled-text: rgb(0 0 0 / 38%);
  --communication-primary: #106ebe;
  --communication-tint-40: #eff6fc;
  --communication-tint-30: #deecf9;
  --communication-tint-20: #c7e0f4;
  --communication-tint-10: #2b88d8;
  --communication-shade-20: #004578;
  --neutral-0: var(--white);
  --neutral-2: #f8f8f8;
  --neutral-3: #f6f6f6;
  --neutral-4: #f4f4f4;
  --neutral-6: #f2f2f2;
  --neutral-6-5: #f1f1f1;
  --neutral-8: #ebebeb;
  --neutral-10: #dedede;
  --neutral-20: #c8c8c8;
  --neutral-30: #a6a6a6;
  --neutral-55: #6e6e6e;
  --neutral-60: #666;
  --neutral-70: #3c3c3c;
  --neutral-80: var(--grey);
  --neutral-100: var(--black);
  --neutral-alpha-2: rgb(0 0 0 / 2%);
  --neutral-alpha-4: rgb(0 0 0 / 4%);
  --neutral-alpha-6: rgb(0 0 0 / 6%);
  --neutral-alpha-8: rgb(0 0 0 / 8%);
  --neutral-alpha-10: rgb(0 0 0 / 10%);
  --neutral-alpha-20: rgb(0 0 0 / 20%);
  --neutral-alpha-30: rgb(0 0 0 / 30%);
  --neutral-alpha-60: rgb(0 0 0 / 60%);
  --neutral-alpha-70: rgb(0 0 0 / 70%);
  --neutral-alpha-80: rgb(0 0 0 / 80%);
  --neutral-alpha-90: rgb(0 0 0 / 90%);
  --positive-outcome: #228722;
  --negative-outcome: #cd4a45;
  --neutral-outcome: var(--neutral-60);
  --box-shadow-108: rgb(0 0 0 / 10.8%);
  --box-shadow-132: rgb(0 0 0 / 13.2%);
  --box-shadow-27: rgb(0 0 0 / 27%);
  --screenshot-image-outline: #8b8b8b;
  --card-border: transparent;
  --card-footer-border: var(--neutral-10);
  --header-bar-title-color: var(--neutral-0);
  --help-links-section-background: var(--neutral-4);
  --help-links-section-border: var(--neutral-4);
  --index-circle-background: var(--communication-primary);
  --link-hover: var(--communication-shade-20);
  --link: var(--communication-primary);
  --menu-border: var(--neutral-3);
  --menu-item-background-active: var(--neutral-alpha-8);
  --menu-item-background-hover: var(--neutral-alpha-4);
  --left-nav-icon: var(--neutral-55);
  --pill-background: var(--neutral-alpha-8);
  --pill: var(--primary-text);
  --spinner-text: var(--communication-primary);
  --nav-link-hover: var(--neutral-alpha-8);
  --nav-link-selected: var(--communication-tint-20);
  --nav-link-expanded: var(--communication-tint-40);
  --insights-button-hover: #0179d4;
  --report-footer-text: #222;
  --landmark-contentinfo: #00a88c;
  --landmark-main: #cb2e6d;
  --landmark-complementary: #6b9d1a;
  --landmark-banner: #d08311;
  --landmark-region: #2560e0;
  --landmark-navigation: #9b38e6;
  --landmark-search: #d363d8;
  --landmark-form: #0298c7;
}
:root .high-contrast-theme {
  --ada-brand-color: var(--white);
  --secondary-text: var(--white);
  --primary-text: var(--white);
  --disabled-text: #c285ff;
  --communication-tint-40: #38a9ff;
  --communication-tint-30: var(--communication-tint-10);
  --neutral-0: var(--light-black);
  --neutral-2: var(--light-black);
  --neutral-3: var(--light-black);
  --neutral-4: var(--light-black);
  --neutral-6: var(--light-black);
  --neutral-6-5: var(--light-black);
  --neutral-8: var(--white);
  --neutral-10: var(--light-black);
  --neutral-20: var(--white);
  --neutral-30: var(--white);
  --neutral-55: var(--white);
  --neutral-60: var(--white);
  --neutral-70: var(--white);
  --neutral-80: var(--white);
  --neutral-100: var(--white);
  --neutral-alpha-8: var(--white);
  --neutral-alpha-90: var(--white);
  --positive-outcome: #4ac94a;
  --negative-outcome: #fc7ab1;
  --neutral-outcome: var(--neutral-0);
  --card-border: var(--white);
  --card-footer-border: var(--white);
  --header-bar-title-color: var(--brand-blue);
  --help-links-section-background: transparent;
  --help-links-section-border: var(--white);
  --index-circle-background: var(--communication-tint-40);
  --link-hover: #ff0;
  --link: #ff0;
  --menu-border: var(--grey);
  --menu-item-background-active: var(--communication-tint-40);
  --menu-item-background-hover: var(--grey);
  --left-nav-icon: var(--black);
  --pill-background: var(--white);
  --pill: var(--black);
  --screenshot-image-outline: var(--white);
  --spinner-text: var(--communication-tint-40);
  --nav-link-hover: #2a2a2a;
  --nav-link-selected: var(--communication-tint-40);
  --nav-link-expanded: transparent;
}

.ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {
  border: 1px solid var(--neutral-100);
}
@media screen and (forced-colors: active) {
  .ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {
    border: 1px dashed windowtext !important;
  }
}

button::after {
  content: "";
  position: absolute;
}

.ms-fontColor-neutralPrimary,
.ms-fontColor-neutralPrimary--hover:hover {
  color: var(--neutral-100) !important;
}

.ms-Fabric {
  color: var(--neutral-100);
}

.insights-link {
  color: var(--link) !important;
  text-decoration: none;
}
@media screen and (forced-colors: active) {
  .insights-link {
    forced-color-adjust: unset;
  }
}
.insights-link:hover {
  color: var(--link-hover) !important;
  text-decoration: underline;
}

.high-contrast-theme .insights-link:hover {
  text-decoration: underline;
}
.high-contrast-theme .is-selected .status-icon {
  color: var(--black) !important;
}

.insights-code {
  font-family: menlo, consolas, courier new, monospace;
}

.ms-Spinner .ms-Spinner-circle {
  border-top-color: var(--spinner-text);
}
.ms-Spinner .ms-Spinner-label {
  color: var(--spinner-text);
}

@media screen and (forced-colors: active) {
  .ms-ContextualMenu button:hover .ms-ContextualMenu-itemText,
  .ms-ContextualMenu button:hover .ms-ContextualMenu-linkText {
    color: highlight;
  }
}

.guidance-tags span {
  font-size: 12px;
  font-weight: normal;
  padding-top: 2px;
  padding-right: 12px;
  padding-bottom: 2px;
  padding-left: 12px;
  color: var(--pill);
  background-color: var(--pill-background);
  border-radius: 120px;
}

.hidden-highlight-button {
  opacity: 0;
  margin: 0;
  padding: 0;
  border: none;
}

.instance-details-card {
  border-radius: 4px;
  border: 1px solid var(--card-border);
  outline-style: "border-style";
  box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);
  margin-bottom: 16px;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}

.instance-details-card-container.selected {
  outline: 5px solid var(--communication-tint-10);
}

.instance-details-card.selected {
  border: 1px solid transparent;
}

.instance-details-card.focused,
.instance-details-card:focus {
  outline: 2px solid var(--primary-text);
  outline-offset: 2px;
}

.instance-details-card.selected.focused,
.instance-details-card.selected:focus {
  outline-offset: 8px;
}

.instance-details-card.interactive {
  cursor: pointer;
}

.instance-details-card.interactive:hover {
  box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);
}

.report-instance-table {
  background: var(--neutral-0);
  display: table;
  table-layout: fixed;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
  border-radius: inherit;
  border-collapse: collapse;
  overflow-wrap: break-word;
  word-break: break-word;
}
.report-instance-table .row {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2px;
  padding-bottom: 14px;
  padding-left: 0;
  padding-right: 20px;
  border-bottom: 0.5px solid var(--neutral-10);
}
.report-instance-table .row > * {
  margin-top: 12px;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 0;
  padding: 0;
}
.report-instance-table .row:last-child {
  border-bottom: none;
}
.report-instance-table .row-label {
  flex-basis: 90px;
  flex-shrink: 1;
  flex-grow: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--primary-text);
  text-align: left;
}
.report-instance-table .row-content {
  flex-basis: 200px;
  flex-shrink: 1;
  flex-grow: 1;
  color: var(--secondary-text);
  font-size: 14px;
  line-height: 20px;
  align-items: flex-end;
  display: flex;
}

.outcome-summary-bar {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 24px;
  font-size: 17px;
  font-weight: 600;
  white-space: pre-wrap;
}
.outcome-summary-bar .block,
.outcome-summary-bar .incomplete,
.outcome-summary-bar .inapplicable,
.outcome-summary-bar .unscannable,
.outcome-summary-bar .pass,
.outcome-summary-bar .fail {
  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
  line-height: 20px;
  font-size: 16px;
  color: var(--neutral-0);
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 10px;
  padding-left: 10px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.outcome-summary-bar .count {
  font-weight: 600;
}
.outcome-summary-bar .fail {
  background-color: var(--negative-outcome);
}
.outcome-summary-bar .fail .check-container {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  border: 0 solid var(--neutral-0);
}
.outcome-summary-bar .fail .check-container svg circle {
  fill: var(--negative-outcome);
}
.outcome-summary-bar .fail .check-container {
  bottom: -1px;
  margin-right: 8px;
}
.outcome-summary-bar .pass {
  background-color: var(--positive-outcome);
}
.outcome-summary-bar .pass .check-container {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  border: 0 solid var(--neutral-0);
}
.outcome-summary-bar .pass .check-container svg circle {
  fill: var(--positive-outcome);
}
.outcome-summary-bar .pass .check-container {
  bottom: -1px;
  margin-right: 8px;
  margin-left: 4px;
}
.outcome-summary-bar .inapplicable,
.outcome-summary-bar .unscannable {
  background-color: var(--neutral-outcome);
}
.outcome-summary-bar .inapplicable .check-container,
.outcome-summary-bar .unscannable .check-container {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  border: 0 solid var(--neutral-0);
}
.outcome-summary-bar .inapplicable .check-container,
.outcome-summary-bar .unscannable .check-container {
  bottom: -1px;
  margin-right: 8px;
  margin-left: 4px;
}
.outcome-summary-bar .incomplete {
  background-color: var(--neutral-outcome);
  color: var(--white);
  border: 2px var(--neutral-60) solid;
  height: 12px;
}
.outcome-summary-bar .incomplete .check-container {
  position: relative;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid var(--neutral-0);
}
.outcome-summary-bar .incomplete .check-container {
  margin-right: 6px;
  border-color: var(--white);
}
.outcome-summary-bar .summary-bar-left-edge {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.outcome-summary-bar .summary-bar-right-edge {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-right: 0;
}
.outcome-summary-bar .label {
  font-weight: bold;
}

.screen-reader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  height: 1px;
  overflow: hidden;
  clip-path: inset(100% 100% 100% 100%);
}

.check-container svg {
  width: 100%;
  height: 100%;
}

.outcome-chip {
  height: 16px;
  color: var(--primary-text);
  border-radius: 0 8px 8px 0;
  margin-right: 4px;
  margin-bottom: -3px;
  margin-left: 4px;
  display: inline-flex;
  align-items: center;
}
.outcome-chip .icon {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.outcome-chip .count {
  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
  line-height: 13px;
  font-size: 11px;
  border-radius: 0 8px 8px 0;
  padding-right: 6px;
  padding-left: 10px;
  font-weight: 700;
  margin-left: -8px;
  height: 13px;
}
@media screen and (forced-colors: active) {
  .outcome-chip .count {
    forced-color-adjust: none;
    border-color: canvastext !important;
    color: canvastext;
  }
}
.outcome-chip.outcome-chip-pass .check-container {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  border: 0 solid var(--neutral-0);
}
.outcome-chip.outcome-chip-pass .check-container svg circle {
  fill: var(--positive-outcome);
}
.outcome-chip.outcome-chip-pass .check-container {
  background-color: var(--positive-outcome);
}
.outcome-chip.outcome-chip-pass .count {
  background-color: transparent;
  border: 1.5px solid var(--positive-outcome);
  width: max-content;
}
.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid var(--neutral-0);
}
.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {
  background-color: var(--neutral-60);
}
.outcome-chip.outcome-chip-incomplete .count, .outcome-chip.outcome-chip-review .count {
  background-color: transparent;
  border: 1.5px solid var(--neutral-60);
  width: max-content;
}
.outcome-chip.outcome-chip-fail .check-container {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  border: 0 solid var(--neutral-0);
}
.outcome-chip.outcome-chip-fail .check-container svg circle {
  fill: var(--negative-outcome);
}
.outcome-chip.outcome-chip-fail .check-container {
  background-color: var(--negative-outcome);
}
.outcome-chip.outcome-chip-fail .count {
  background-color: transparent;
  border: 1.5px solid var(--negative-outcome);
  width: max-content;
}
.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  border: 0 solid var(--neutral-0);
}
.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {
  background-color: var(--neutral-outcome);
}
.outcome-chip.outcome-chip-inapplicable .count, .outcome-chip.outcome-chip-unscannable .count {
  background-color: transparent;
  border: 1.5px solid var(--neutral-outcome);
  width: max-content;
}

.outcome-icon-set .outcome-icon {
  margin-left: 4px;
  border-radius: 50%;
}
.outcome-icon-set .outcome-icon-pass .check-container {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  border: 0 solid var(--neutral-0);
}
.outcome-icon-set .outcome-icon-pass .check-container svg circle {
  fill: var(--positive-outcome);
}
.outcome-icon-set .outcome-icon-incomplete .check-container {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid var(--neutral-0);
}
.outcome-icon-set .outcome-icon-incomplete .check-container {
  border-color: var(--neutral-60);
}
.outcome-icon-set .outcome-icon-fail .check-container {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  border: 0 solid var(--neutral-0);
}
.outcome-icon-set .outcome-icon-fail .check-container svg circle {
  fill: var(--negative-outcome);
}

body {
  font-size: 14px;
  margin: auto;
  background-color: var(--neutral-2);
  color: black;
  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
}

.outer-container {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.outer-container .content-container {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 24px;
}
.outer-container .content-container h2 {
  margin: 0;
  font-size: 17px;
  line-height: 24px;
}
@media only screen and (width <= 1000px) {
  .outer-container .content-container {
    margin-top: 24px;
    margin-right: 16px;
    margin-left: 16px;
  }
}

.scan-details-section {
  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);
  border-radius: 4px;
  background-color: var(--neutral-0);
  padding: 20px;
  margin-bottom: 22px;
}
.scan-details-section .details-section-list {
  list-style: none;
  font-size: 14px;
  line-height: 16px;
  padding-left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.scan-details-section h3 {
  margin: 0;
  font-size: 17px;
  line-height: 24px;
}
.scan-details-section li {
  display: inline-block;
  padding-top: 12px;
}
.scan-details-section li .icon {
  padding-right: 12px;
  position: relative;
  top: 3px;
}
.scan-details-section .text {
  word-break: break-all;
}
.scan-details-section .description-text {
  white-space: pre-wrap;
}
.scan-details-section .screen-reader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  height: 1px;
  overflow: hidden;
  clip-path: inset(100% 100% 100% 100%);
}

.report-footer-container {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 68px;
  margin-top: 24px;
}
.report-footer-container .report-footer {
  line-height: 20px;
  color: var(--report-footer-text);
}
@media only screen and (width <= 1000px) {
  .report-footer-container {
    margin-right: 16px;
    margin-left: 16px;
  }
}

.report-header-command-bar {
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: end;
  min-height: fit-content;
  align-items: center;
  background-color: var(--neutral-0);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.report-header-command-bar .target-page {
  white-space: nowrap;
  margin-left: 16px;
  display: flex;
  color: var(--primary-text);
  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  min-width: 0;
}
.report-header-command-bar .target-page a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-congrats-message {
  word-break: break-word;
  overflow-wrap: break-word;
}

.report-congrats-head {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-text);
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.report-congrats-info {
  font-size: 14px;
  color: var(--secondary-text);
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.sleeping-ada {
  height: 100px;
}

.title-section {
  margin-top: 56px;
}
.title-section h1 {
  font-weight: 600;
  margin-bottom: 24px;
  font-size: 21px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.results-container {
  margin-top: 56px;
}
.results-container .title-container :is(h1, h2, h3, h4, h5, h6) {
  font-weight: unset;
  margin-block: 0;
  margin-inline: 0;
}

@media screen and (width <= 640px) {
  .outcome-past-tense {
    display: none;
  }
}
.collapsible-container .collapsible-control[aria-expanded=true]::before, .collapsible-container .collapsible-control[aria-expanded=false]::before {
  display: inline-block;
  border-right: 1px solid var(--secondary-text);
  border-bottom: 1px solid var(--secondary-text);
  min-width: 7px;
  width: 7px;
  height: 7px;
  content: "";
  transform-origin: 50% 50%;
  transition: transform 0.1s linear 0s;
}

.summary-section {
  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);
  border-radius: 4px;
  background-color: var(--neutral-0);
  padding: 20px;
  margin-bottom: 24px;
}

.result-section {
  padding-bottom: 24px;
}
.result-section .title-container .collapsible-control::before {
  position: relative;
  bottom: 2px;
  margin-right: 14px;
}
.result-section .collapsible-content {
  margin-left: 16px;
}

.collapsible-container .collapsible-control {
  font-family: "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background-color: transparent;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: baseline;
  width: 100%;
}
.collapsible-container .collapsible-control:hover {
  background-color: var(--neutral-alpha-4);
}
.collapsible-container:not(.collapsible-rule-details-group) .collapsible-control {
  padding-left: 2px;
  padding-right: 16px;
  position: relative;
}
.collapsible-container .collapsible-control[aria-expanded=false]::before {
  transform: rotate(-45deg);
}
.collapsible-container .collapsible-control[aria-expanded=true]::before {
  transform: rotate(45deg);
}
.collapsible-container .collapsible-content[aria-hidden=true] {
  display: none;
}

ul.instance-details-list {
  list-style-type: none;
  padding-inline-start: unset;
  margin-block-start: unset;
  margin-block-end: unset;
}
ul.instance-details-list li {
  margin-bottom: 16px;
}
ul.instance-details-list li:last-child {
  margin-bottom: unset;
}</style><style>/* css-modules:src/common/components/heading-element-for-level */
.heading-element-for-level--ifVX6 {
  margin-block-start: unset;
  margin-block-end: unset;
}

/* css-modules:src/common/components/cards/failed-instances-section */
.failed-instances-container--3UUNb .collapsible-content {
  margin-left: 24px;
}

/* css-modules:src/reports/components/report-sections/minimal-rule-header */
.outcome-chip-container--G5Dfr {
  min-width: 50px;
}

/* css-modules:src/reports/components/instance-details */
.hidden-highlight-button--vu3B3 {
  opacity: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.instance-details-card--owGQF {
  border-radius: 4px;
  border: 1px solid var(--card-border);
  outline-style: "border-style";
  box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);
  margin-bottom: 16px;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}
.instance-details-card-container--KLHTp.selected--wEA4l {
  outline: 5px solid var(--communication-tint-10);
}
.instance-details-card--owGQF.selected--wEA4l {
  border: 1px solid transparent;
}
.instance-details-card--owGQF.focused--pvBWq,
.instance-details-card--owGQF:focus {
  outline: 2px solid var(--primary-text);
  outline-offset: 2px;
}
.instance-details-card--owGQF.selected--wEA4l.focused--pvBWq,
.instance-details-card--owGQF.selected--wEA4l:focus {
  outline-offset: 8px;
}
.instance-details-card--owGQF.interactive--an0ab {
  cursor: pointer;
}
.instance-details-card--owGQF.interactive--an0ab:hover {
  box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);
}
.report-instance-table--3VoZX {
  background: var(--neutral-0);
  display: table;
  table-layout: fixed;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
  border-radius: inherit;
  border-collapse: collapse;
  overflow-wrap: break-word;
  word-break: break-word;
}
.report-instance-table--3VoZX .row---3i35 {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2px;
  padding-bottom: 14px;
  padding-left: 0;
  padding-right: 20px;
  border-bottom: 0.5px solid var(--neutral-10);
}
.report-instance-table--3VoZX .row---3i35 > * {
  margin-top: 12px;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 0;
  padding: 0;
}
.report-instance-table--3VoZX .row---3i35:last-child {
  border-bottom: none;
}
.report-instance-table--3VoZX .row-label--FlVZl {
  flex-basis: 90px;
  flex-shrink: 1;
  flex-grow: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--primary-text);
  text-align: left;
}
.report-instance-table--3VoZX .row-content--07KUh {
  flex-basis: 200px;
  flex-shrink: 1;
  flex-grow: 1;
  color: var(--secondary-text);
  font-size: 14px;
  line-height: 20px;
  align-items: flex-end;
  display: flex;
}

/* css-modules:src/common/components/cards/failed-instances-markup-footer */
.markup-footer--HEVHv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--neutral-2, #f8f8f8);
  min-height: 48px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-top: 0.5px solid var(--card-footer-border, #dedede);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  margin-top: 0;
}
.feedback-text--yBb6Z {
  font-size: 14px;
  color: var(--secondary-text, rgba(0, 0, 0, 0.7));
  margin-right: 12px;
}
.feedback-buttons--rDHVY {
  display: flex;
  gap: 8px;
}
.buttons-group-left--JSoCT {
  display: flex;
  align-items: center;
  gap: 8px;
}
.buttons-group-right--SKsSu {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  position: relative;
  margin-left: auto;
}
.feedback-button--Vn-lA {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--neutral-60, #666);
  text-decoration: none;
  font-size: 14px;
  gap: 6px;
}
.feedback-button--Vn-lA:hover {
  background-color: var(--neutral-alpha-4, rgba(0, 0, 0, 0.04));
}
.feedback-button--Vn-lA span {
  margin-left: 6px;
  font-size: 14px;
}
.ai-content-label--1cidK {
  background-color: var(--neutral-10, #e6e6e6);
  color: var(--neutral-60, #666);
  font-size: 12px;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.notification-container--axJpL {
  position: relative;
  height: 0;
  width: 0;
}
.copy-notification--MlMTG {
  position: absolute;
  top: 10px;
  right: 0;
  background-color: var(--neutral-80, #333);
  color: white;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  animation: fade-in-out--AuVTM 2s ease-in-out;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  z-index: 100;
  display: none;
}
.copy-notification--MlMTG.visible--GCwEf {
  display: inline-block;
}
.hidden-content--9JuU6 {
  display: none;
}
@keyframes fade-in-out--AuVTM {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}

/* css-modules:src/common/components/toast */
.toast-container--L-5HM {
  display: inline-block;
}
.toast-content--8-Mx1 {
  background: var(--neutral-70);
  border-radius: 4px;
  color: var(--neutral-0);
  padding-left: 20px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 20px;
  width: 316px;
  margin-left: calc(316px / -2 - 20px);
  left: 50%;
  bottom: 20px;
  z-index: 1000;
  position: absolute;
}

/* css-modules:src/common/components/cards/card-footer-instance-action-buttons */
.kebab-menu-icon--EUIj- {
  flex-grow: 1;
  padding-left: 9px !important;
  padding-right: 9px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
@media screen and (forced-colors: active) {
  .kebab-menu-icon--EUIj- {
    color: buttontext !important;
  }
}
.kebab-menu-icon--EUIj-:hover {
  border-style: solid !important;
  border-width: 1px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.kebab-menu-button--9Qt0a {
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.kebab-menu-button--9Qt0a:hover {
  background-color: var(--menu-item-background-hover);
}
.kebab-menu-button--9Qt0a.is-expanded {
  background-color: var(--menu-item-background-active);
}
@media screen and (forced-colors: active) {
  .kebab-menu-button--9Qt0a.is-expanded .kebab-menu-icon--EUIj-,
  .kebab-menu-button--9Qt0a:hover .kebab-menu-icon--EUIj- {
    color: highlight;
  }
}

/* css-modules:src/common/components/cards/instance-details-footer */
.foot--p1DfC {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--neutral-2);
  min-height: 48px;
  padding-left: 12px;
  border-top: 0.5px solid var(--card-footer-border);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.foot--p1DfC .highlight-status--xJvvI {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
}
.foot--p1DfC .highlight-status--xJvvI svg {
  fill: var(--secondary-text);
}
@media screen and (forced-colors: active) {
  .foot--p1DfC .highlight-status--xJvvI svg {
    fill: ButtonFace !important;
    stroke: ButtonText !important;
  }
}
.foot--p1DfC .highlight-status--xJvvI label {
  color: var(--secondary-text);
  font-size: 14px;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* css-modules:src/common/components/cards/instance-details-group */
ul.instance-details-list--YfkRy {
  list-style-type: none;
  padding-inline-start: unset;
  margin-block-start: unset;
  margin-block-end: unset;
}
ul.instance-details-list--YfkRy > li {
  margin-bottom: 16px;
}
ul.instance-details-list--YfkRy > li:last-child {
  margin-bottom: unset;
}

/* css-modules:src/common/components/cards/rule-resources */
.rule-more-resources--uw9mc {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  padding-top: 14px;
  padding-right: 20px;
  padding-bottom: 14px;
  padding-left: 20px;
  background-color: var(--neutral-0);
  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);
  border-radius: 4px;
  border: 1px solid var(--card-border);
  line-height: 20px;
  overflow-wrap: break-word;
  word-break: break-word;
}
.rule-more-resources--uw9mc .more-resources-title--jOuUL {
  font-weight: 600;
}
.rule-more-resources--uw9mc .rule-details-id--s-TpO {
  padding-top: 12px;
  padding-bottom: 12px;
}
.rule-more-resources--uw9mc .rule-guidance--TIQgm > :not(span:first-of-type) {
  margin-left: 8px;
}

/* css-modules:src/common/components/cards/rules-with-instances */
.rule-details-group--Tb-LW .rule-detail {
  font-size: 14px;
  padding-top: 16px;
  padding-right: 8px;
  padding-bottom: 16px;
  padding-left: 8px;
  display: flex;
  align-items: baseline;
  text-align: left;
}
.rule-details-group--Tb-LW .rule-detail .outcome-chip {
  vertical-align: middle;
  margin-bottom: 2px;
}
.rule-details-group--Tb-LW .rule-detail .rule-details-id {
  font-weight: 600;
  color: var(--primary-text);
  word-break: break-all;
}
.rule-details-group--Tb-LW .rule-detail .rule-details-id a {
  font-weight: 600;
  color: var(--primary-text) !important;
}
.rule-details-group--Tb-LW .rule-detail .rule-details-id strong {
  font-weight: 600;
}
.rule-details-group--Tb-LW .rule-detail .rule-detail-description {
  color: var(--secondary-text) !important;
  word-break: break-all;
}
.collapsible-rule-details-group--V-HWh {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.collapsible-rule-details-group--V-HWh .rule-detail {
  box-shadow: unset;
}
.collapsible-rule-details-group--V-HWh:not(.collapsed) {
  box-shadow: unset;
}

/* css-modules:src/common/components/cards/result-section-title */
.result-section-title--RGFI5 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.result-section-title--RGFI5 .outcome-chip.outcome-chip-fail .count {
  line-height: 11px;
}
.result-section-title--RGFI5 .outcome-chip.outcome-chip-fail svg {
  margin-bottom: 3px;
}
.result-section-title--RGFI5 .title--WBYFE {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  margin-right: 6px;
  color: var(--primary-text);
}
.result-section-title--RGFI5 .heading--NdP4Q {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  margin-right: 6px;
  color: var(--primary-text);
}
.result-section-title--RGFI5 .outcome-chip-container--BT3j5 {
  display: flex;
  height: 16px;
}

/* css-modules:src/common/components/cards/result-section */
.result-section--HfO9s {
  padding-bottom: 24px;
}
.result-section--HfO9s .title-container--JzN4A .collapsible-control--e42Z7::before {
  position: relative;
  bottom: 2px;
}
.result-section--HfO9s > h2 {
  margin: 0;
  font-size: 17px;
  line-height: 24px;
}

/* css-modules:src/reports/components/header-bar */
.report-header-bar--SDV11 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  background-color: var(--ada-brand-color);
  height: 40px;
  width: 100%;
}
.report-header-bar--SDV11 .header-icon {
  flex-shrink: 0;
  margin-left: 16px;
  height: 22px;
  width: 22px;
}
.report-header-bar--SDV11 .header-text--EdTxw {
  margin-left: 8px;
  color: var(--header-bar-title-color);
  flex-shrink: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family:
    "Segoe UI Web (West European)",
    "Segoe UI",
    "-apple-system",
    BlinkMacSystemFont,
    Roboto,
    "Helvetica Neue",
    Helvetica,
    Ubuntu,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
}

/* css-modules:src/reports/components/report-sections/header-section */
.report-header-command-bar--NJWdl {
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: end;
  min-height: fit-content;
  align-items: center;
  background-color: var(--neutral-0);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.report-header-command-bar--NJWdl .target-page--hjh44 {
  white-space: nowrap;
  margin-left: 16px;
  display: flex;
  color: var(--primary-text);
  font-family:
    "Segoe UI Web (West European)",
    "Segoe UI",
    "-apple-system",
    BlinkMacSystemFont,
    Roboto,
    "Helvetica Neue",
    Helvetica,
    Ubuntu,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  min-width: 0;
}
.report-header-command-bar--NJWdl .target-page--hjh44 a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* css-modules:src/common/components/cards/combined-report-result-section-title */
.combined-report-result-section-title--TqIZO {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.combined-report-result-section-title--TqIZO .title--6WIyt {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  margin-right: 6px;
  color: var(--primary-text);
}
.combined-report-result-section-title--TqIZO .heading--UpAHf {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  margin-right: 6px;
  color: var(--primary-text);
}

/* css-modules:src/reports/components/report-sections/urls-summary-section */
.urls-summary-section--jNa-v {
  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);
  border-radius: 4px;
  background-color: var(--neutral-0);
  padding: 20px;
  margin-bottom: 24px;
}
.urls-summary-section--jNa-v h2 {
  margin-bottom: 16px !important;
}
.urls-summary-section--jNa-v .total-urls--95-ge {
  font-weight: 600;
}
.urls-summary-section--jNa-v .failure-instances--2WDtT {
  margin-top: 40px;
}
.urls-summary-section--jNa-v .failure-outcome-chip--JF-lj {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* css-modules:src/reports/components/report-sections/rules-results-container */
.rules-results-container--HaLDw {
  margin-top: 56px;
}
.rules-results-container--HaLDw .results-heading--H9Puz {
  margin-top: 32px;
  margin-bottom: 32px;
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
}

/* css-modules:src/reports/components/report-sections/summary-report-details-section */
.crawl-details-section--a6evz {
  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);
  border-radius: 4px;
  background-color: var(--neutral-0);
  padding: 20px;
  margin-bottom: 22px;
}
.crawl-details-section--a6evz .crawl-details-section-list--WV1Di {
  list-style: none;
  font-size: 14px;
  line-height: 16px;
  padding-left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li {
  display: inline-block;
}
.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li .icon--APJEn {
  padding-right: 12px;
  position: relative;
  top: 3px;
}
.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li.targetSite--wBJT- {
  margin-bottom: 6px;
}
.crawl-details-section--a6evz .text--rViTo,
.crawl-details-section--a6evz .label--DUNYf {
  word-break: break-all;
  color: var(--neutral-55);
  font-family:
    "Segoe UI Web (West European)",
    "Segoe UI",
    "-apple-system",
    BlinkMacSystemFont,
    Roboto,
    "Helvetica Neue",
    Helvetica,
    Ubuntu,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.crawl-details-section--a6evz .label--DUNYf {
  font-weight: 600;
}
.crawl-details-section--a6evz .label--DUNYf.no-icon--VrSr5 {
  padding-left: 29px;
}

/* css-modules:src/reports/components/report-sections/collapsible-url-result-section */
.url-result-section--SkOlZ {
  padding-bottom: 31px;
}
.url-result-section--SkOlZ .title-container[aria-level="3"] .collapsible-control::before {
  position: relative;
  bottom: 2px;
  margin-right: 14px;
}
.url-result-section--SkOlZ .collapsible-content {
  margin-top: 19px;
}

/* css-modules:src/reports/components/report-sections/summary-results-table */
.summary-results-table--Iezr- {
  width: 100%;
  margin: 0;
  text-align: left;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 20px;
}
.summary-results-table--Iezr- th,
.summary-results-table--Iezr- td {
  border: 1px solid var(--neutral-20);
  padding-top: 16px;
  padding-right: 8px;
  padding-bottom: 16px;
  padding-left: 8px;
}
.summary-results-table--Iezr- th {
  font-weight: 600;
  background-color: var(--neutral-6);
}
.summary-results-table--Iezr- thead tr :first-child {
  width: 172px;
}
.summary-results-table--Iezr- td {
  background-color: var(--neutral-0);
}
.summary-results-table--Iezr- td.text-cell--EaUrM {
  overflow-wrap: break-word;
}
.summary-results-table--Iezr- td.url-cell--mg-3l {
  overflow-wrap: anywhere;
}

/* css-modules:src/reports/components/report-sections/results-by-url-container */
.url-results-container---dq9B {
  margin-top: 56px;
}
.url-results-container---dq9B .results-heading--2dWBX {
  margin-top: 32px;
  margin-bottom: 32px;
}

/* css-modules:src/common/components/cards/fix-instruction-color-box */
.fix-instruction-color-box--DQpQE {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: -5%;
  margin-right: 2px;
  margin-left: 2px;
  border: 1px solid var(--light-black);
}
@media screen and (forced-colors: active) {
  .fix-instruction-color-box--DQpQE {
    forced-color-adjust: none;
  }
}
.screen-reader-only--6LUiO {
  position: absolute;
  left: -10000px;
  top: auto;
  height: 1px;
  overflow: hidden;
  clip-path: inset(100% 100% 100% 100%);
}

/* css-modules:src/common/components/cards/related-paths-card-row */
.path-list--MxxKM {
  padding-left: 16px;
  list-style-type: disc;
}

/* css-modules:src/common/components/cards/rich-resolution-content */
.multi-line-text-yes-bullet--TXyX- {
  padding-left: 16px;
}
.multi-line-text-yes-bullet--TXyX- li {
  list-style-type: disc;
  margin-bottom: 4px;
}
.multi-line-text-no-bullet--AUXXt {
  padding-left: 0;
  list-style: none;
}
.multi-line-text-no-bullet--AUXXt li:not(:last-child) {
  margin-bottom: 4px;
}
.combination-lists--boK5y {
  flex-direction: column;
  display: flex;
}

/* css-modules:src/common/components/cards/urls-card-row */
.urls-row-content--JDdRx {
  padding-left: 16px;
}
.urls-row-content--JDdRx li {
  list-style-type: disc;
  margin-bottom: 4px;
}
.urls-row-content-new-Failure--oL5lS {
  color: var(--negative-outcome);
  font-weight: bold;
}

/* css-modules:src/common/components/cards/how-to-fix-card-row */
.how-to-fix-content--Zz96u {
  margin-bottom: 16px;
}
.how-to-fix-content--Zz96u ul {
  padding-left: 16px;
}
.how-to-fix-content--Zz96u ul li {
  list-style-type: disc;
  margin-bottom: 4px;
}

/* css-modules:src/common/components/cards/pass-resolution-card-row */
.pass-resolution-content---Ox0i {
  margin-bottom: 16px;
}
.pass-resolution-content---Ox0i ul {
  padding-left: 16px;
}
.pass-resolution-content---Ox0i ul li {
  list-style-type: disc;
  margin-bottom: 4px;
}

/* css-modules:src/common/components/cards/snippet-card-row */
.snippet--hSNfv {
  font-family:
    menlo,
    consolas,
    courier new,
    monospace;
  white-space: normal;
}
/*# sourceMappingURL=report.css.map */
</style></head><body><header data-automation-id="report-header-section"><div class="report-header-bar--SDV11"><svg role="img" aria-hidden="true" class="header-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0" maskUnits="userSpaceOnUse" x="0" y="3" width="48" height="43" style="mask-type:alpha"><path d="M43.8309 27.1383C49.3148 21.6544 49.3148 12.7633 43.8309 7.27934C38.347 1.79544 29.4558 1.79543 23.9719 7.27934C18.488 1.79544 9.59684 1.79544 4.11293 7.27934C-1.37098 12.7633 -1.37098 21.6544 4.11293 27.1383L21.986 45.0114C23.0828 46.1082 24.861 46.1082 25.9578 45.0114L43.8309 27.1383Z" fill="white"></path></mask><g mask="url(#mask0)"><path d="M43.8309 27.1383C49.3148 21.6544 49.3148 12.7633 43.8309 7.27934C38.347 1.79544 29.4558 1.79543 23.9719 7.27934C18.488 1.79544 9.59684 1.79544 4.11293 7.27934C-1.37098 12.7633 -1.37098 21.6544 4.11293 27.1383L21.986 45.0114C23.0828 46.1082 24.861 46.1082 25.9578 45.0114L43.8309 27.1383Z" fill="white"></path><rect x="43.9494" y="7.24556" width="14.0948" height="42.2726" transform="rotate(45 43.9494 7.24556)" fill="#D6E9F7"></rect><mask id="mask1" maskUnits="userSpaceOnUse" x="-6" y="-3" width="30" height="31" style="mask-type:alpha"><path d="M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z" fill="#CFEBFF"></path><path d="M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z" fill="url(#paint0_linear)"></path></mask><g mask="url(#mask1)"><path d="M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z" fill="white"></path><path d="M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z" fill="url(#paint1_linear)"></path><rect x="4.54834" y="6.88206" width="16.3577" height="42.2726" transform="rotate(-45 4.54834 6.88206)" fill="#D6E9F7"></rect><rect x="4.54834" y="6.88206" width="16.3577" height="42.2726" transform="rotate(-45 4.54834 6.88206)" fill="url(#paint2_linear)"></rect></g><g filter="url(#filter0_d)"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.0764 27.3564C39.8071 27.3483 44.4461 22.6961 44.438 16.9655C44.4299 11.2349 39.7778 6.59585 34.0472 6.60393C28.3165 6.61201 23.6775 11.2642 23.6856 16.9948C23.6888 19.2829 24.4324 21.397 25.6895 23.1108L23.4287 25.3788C22.8852 25.395 22.3466 25.6109 21.9324 26.0265L17.1218 30.8526C16.4185 31.5582 16.4203 32.7005 17.126 33.4038L17.6952 33.9713C18.4009 34.6746 19.5431 34.6728 20.2465 33.9671L25.057 29.141C25.4715 28.7252 25.6857 28.1855 25.6998 27.6415L27.9603 25.3737C29.6766 26.6235 31.7907 27.3596 34.0764 27.3564ZM34.0368 23.2439C37.4964 23.2579 40.3122 20.4647 40.3262 17.0051C40.3401 13.5456 37.5469 10.7298 34.0874 10.7158C30.6279 10.7018 27.812 13.495 27.7981 16.9545C27.7841 20.4141 30.5773 23.2299 34.0368 23.2439Z" fill="#004880"></path></g></g><defs><filter id="filter0_d" x="15.748" y="6.50654" width="29.5246" height="29.5269" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy="0.725705"></feOffset><feGaussianBlur stdDeviation="0.40317"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0.0447352 0 0 0 0 0.305769 0 0 0 0 0.492222 0 0 0 0.51 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter><linearGradient id="paint0_linear" x1="14.3166" y1="16.8744" x2="5.92409" y2="8.23504" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#073A5F" stop-opacity="0.3"></stop><stop offset="1" stop-color="#CFEBFF" stop-opacity="0"></stop></linearGradient><linearGradient id="paint1_linear" x1="14.3166" y1="16.8744" x2="5.92409" y2="8.23504" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#165B8E" stop-opacity="0.29"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient id="paint2_linear" x1="11.3179" y1="20.1024" x2="11.0819" y2="11.1606" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#165B8E" stop-opacity="0.29"></stop><stop offset="1" stop-color="#D6E9F7" stop-opacity="0"></stop></linearGradient></defs></svg><div class="header-text--EdTxw">Accessibility Insights</div></div><div class="report-header-command-bar--NJWdl"><div class="target-page--hjh44">Target page: <a target="_blank" href="https://markreay.github.io/AU/before.html" class="ms-Link insights-link root-109" title="Page Title for Axe Results With AI-detected Issues" id="new-tab-link-with-confirmation-dialog__0">Page Title for Axe Results With AI-detected Issues</a><script>(function(linkId, doc, confirmCallback) {
    const targetPageLink = doc.getElementById(linkId);
    targetPageLink.addEventListener("click", function(event) {
        const result = confirmCallback("Are you sure you want to navigate away from the Accessibility Insights report?\nThis link will open the target page in a new tab.\n\nPress OK to continue or Cancel to stay on the current page.");
        if (result === false) {
            event.preventDefault();
        }
    });
})("new-tab-link-with-confirmation-dialog__0", document, confirm);</script></div></div></header><main class="outer-container"><div class="content-container"><div class="title-section"><h1>Automated checks results</h1></div><div class="scan-details-section"><h2>Scan details</h2><ul class="details-section-list"><li><span class="icon"><svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M8.82353 0C9.5579 0 10.2662 0.0963542 10.9485 0.289062C11.6308 0.476562 12.2688 0.744792 12.8626 1.09375C13.4563 1.4375 13.9954 1.85417 14.4798 2.34375C14.9694 2.82812 15.386 3.36719 15.7298 3.96094C16.0787 4.55469 16.347 5.19271 16.5345 5.875C16.7272 6.55729 16.8235 7.26562 16.8235 8C16.8235 8.73438 16.7272 9.44271 16.5345 10.125C16.347 10.8073 16.0787 11.4453 15.7298 12.0391C15.386 12.6328 14.9694 13.1745 14.4798 13.6641C13.9954 14.1484 13.4563 14.5651 12.8626 14.9141C12.2688 15.2578 11.6308 15.526 10.9485 15.7188C10.2662 15.9062 9.5579 16 8.82353 16C8.08915 16 7.38082 15.9062 6.69853 15.7188C6.01624 15.526 5.37822 15.2578 4.78447 14.9141C4.19072 14.5651 3.64905 14.1484 3.15947 13.6641C2.67509 13.1745 2.25843 12.6328 1.90947 12.0391C1.56572 11.4453 1.29749 10.8099 1.10478 10.1328C0.917279 9.45052 0.823529 8.73958 0.823529 8C0.823529 7.26562 0.917279 6.55729 1.10478 5.875C1.29749 5.19271 1.56572 4.55469 1.90947 3.96094C2.25843 3.36719 2.67509 2.82812 3.15947 2.34375C3.64905 1.85417 4.19072 1.4375 4.78447 1.09375C5.37822 0.744792 6.01363 0.476562 6.69072 0.289062C7.37301 0.0963542 8.08395 0 8.82353 0ZM15.1438 5C14.9459 4.57812 14.7063 4.18229 14.4251 3.8125C14.1438 3.4375 13.8313 3.09635 13.4876 2.78906C13.1438 2.48177 12.7714 2.20833 12.3704 1.96875C11.9694 1.72917 11.5501 1.53385 11.1126 1.38281C11.3001 1.64323 11.4694 1.91927 11.6204 2.21094C11.7714 2.5026 11.9043 2.80469 12.0188 3.11719C12.1386 3.42448 12.2402 3.73698 12.3235 4.05469C12.4069 4.3724 12.4798 4.6875 12.5423 5H15.1438ZM15.8235 8C15.8235 7.30729 15.7272 6.64062 15.5345 6H12.6985C12.7402 6.33333 12.7714 6.66667 12.7923 7C12.8131 7.32812 12.8235 7.66146 12.8235 8C12.8235 8.33854 12.8131 8.67448 12.7923 9.00781C12.7714 9.33594 12.7402 9.66667 12.6985 10H15.5345C15.7272 9.35938 15.8235 8.69271 15.8235 8ZM8.82353 15C9.07874 15 9.31572 14.9297 9.53447 14.7891C9.75843 14.6484 9.96415 14.4635 10.1517 14.2344C10.3392 14.0052 10.5058 13.7474 10.6517 13.4609C10.8027 13.1693 10.9355 12.875 11.0501 12.5781C11.1647 12.2812 11.261 11.9948 11.3392 11.7188C11.4173 11.4427 11.4772 11.2031 11.5188 11H6.12822C6.16988 11.2031 6.22978 11.4427 6.3079 11.7188C6.38603 11.9948 6.48238 12.2812 6.59697 12.5781C6.71155 12.875 6.84176 13.1693 6.98759 13.4609C7.13863 13.7474 7.3079 14.0052 7.4954 14.2344C7.6829 14.4635 7.88603 14.6484 8.10478 14.7891C8.32874 14.9297 8.56832 15 8.82353 15ZM11.6907 10C11.7324 9.66667 11.7636 9.33594 11.7845 9.00781C11.8105 8.67448 11.8235 8.33854 11.8235 8C11.8235 7.66146 11.8105 7.32812 11.7845 7C11.7636 6.66667 11.7324 6.33333 11.6907 6H5.95634C5.91468 6.33333 5.88082 6.66667 5.85478 7C5.83395 7.32812 5.82353 7.66146 5.82353 8C5.82353 8.33854 5.83395 8.67448 5.85478 9.00781C5.88082 9.33594 5.91468 9.66667 5.95634 10H11.6907ZM1.82353 8C1.82353 8.69271 1.91988 9.35938 2.11259 10H4.94853C4.90686 9.66667 4.87561 9.33594 4.85478 9.00781C4.83395 8.67448 4.82353 8.33854 4.82353 8C4.82353 7.66146 4.83395 7.32812 4.85478 7C4.87561 6.66667 4.90686 6.33333 4.94853 6H2.11259C1.91988 6.64062 1.82353 7.30729 1.82353 8ZM8.82353 1C8.56832 1 8.32874 1.07031 8.10478 1.21094C7.88603 1.35156 7.6829 1.53646 7.4954 1.76562C7.3079 1.99479 7.13863 2.25521 6.98759 2.54688C6.84176 2.83333 6.71155 3.125 6.59697 3.42188C6.48238 3.71875 6.38603 4.00521 6.3079 4.28125C6.22978 4.55729 6.16988 4.79688 6.12822 5H11.5188C11.4772 4.79688 11.4173 4.55729 11.3392 4.28125C11.261 4.00521 11.1647 3.71875 11.0501 3.42188C10.9355 3.125 10.8027 2.83333 10.6517 2.54688C10.5058 2.25521 10.3392 1.99479 10.1517 1.76562C9.96415 1.53646 9.75843 1.35156 9.53447 1.21094C9.31572 1.07031 9.07874 1 8.82353 1ZM6.53447 1.38281C6.09697 1.53385 5.6777 1.72917 5.27665 1.96875C4.87561 2.20833 4.50322 2.48177 4.15947 2.78906C3.81572 3.09635 3.50322 3.4375 3.22197 3.8125C2.94072 4.18229 2.70113 4.57812 2.50322 5H5.10478C5.16728 4.6875 5.2402 4.3724 5.32353 4.05469C5.40686 3.73698 5.50582 3.42448 5.6204 3.11719C5.7402 2.80469 5.87561 2.5026 6.02665 2.21094C6.1777 1.91927 6.34697 1.64323 6.53447 1.38281ZM2.50322 11C2.70113 11.4219 2.94072 11.8203 3.22197 12.1953C3.50322 12.5651 3.81572 12.9036 4.15947 13.2109C4.50322 13.5182 4.87561 13.7917 5.27665 14.0312C5.6777 14.2708 6.09697 14.4661 6.53447 14.6172C6.34697 14.3568 6.1777 14.0807 6.02665 13.7891C5.87561 13.4974 5.7402 13.1979 5.6204 12.8906C5.50582 12.5781 5.40686 12.263 5.32353 11.9453C5.2402 11.6276 5.16728 11.3125 5.10478 11H2.50322ZM11.1126 14.6172C11.5501 14.4661 11.9694 14.2708 12.3704 14.0312C12.7714 13.7917 13.1438 13.5182 13.4876 13.2109C13.8313 12.9036 14.1438 12.5651 14.4251 12.1953C14.7063 11.8203 14.9459 11.4219 15.1438 11H12.5423C12.4798 11.3125 12.4069 11.6276 12.3235 11.9453C12.2402 12.263 12.1386 12.5781 12.0188 12.8906C11.9043 13.1979 11.7714 13.4974 11.6204 13.7891C11.4694 14.0807 11.3001 14.3568 11.1126 14.6172Z" fill="#737373"></path></svg></span><span class="screen-reader-only">target page url:</span><span class="text"><a target="_blank" href="https://markreay.github.io/AU/before.html" class="ms-Link insights-link root-109" title="Page Title for Axe Results With AI-detected Issues" id="new-tab-link-with-confirmation-dialog__1">https://markreay.github.io/AU/before.html</a><script>(function(linkId, doc, confirmCallback) {
    const targetPageLink = doc.getElementById(linkId);
    targetPageLink.addEventListener("click", function(event) {
        const result = confirmCallback("Are you sure you want to navigate away from the Accessibility Insights report?\nThis link will open the target page in a new tab.\n\nPress OK to continue or Cancel to stay on the current page.");
        if (result === false) {
            event.preventDefault();
        }
    });
})("new-tab-link-with-confirmation-dialog__1", document, confirm);</script></span></li><li><span class="icon"><svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M8.82353 16C8.09697 16 7.39677 15.9062 6.72294 15.7188C6.05497 15.5312 5.42802 15.2676 4.84208 14.9277C4.26201 14.582 3.73173 14.1719 3.25126 13.6973C2.77665 13.2168 2.3665 12.6865 2.02079 12.1064C1.68095 11.5205 1.41728 10.8936 1.22978 10.2256C1.04228 9.55176 0.948529 8.85156 0.948529 8.125C0.948529 7.39844 1.04228 6.70117 1.22978 6.0332C1.41728 5.35937 1.68095 4.73242 2.02079 4.15234C2.3665 3.56641 2.77665 3.03613 3.25126 2.56152C3.73173 2.08105 4.26201 1.6709 4.84208 1.33105C5.42802 0.985352 6.05497 0.71875 6.72294 0.53125C7.39677 0.34375 8.09697 0.25 8.82353 0.25C9.55009 0.25 10.2474 0.34375 10.9153 0.53125C11.5892 0.71875 12.2161 0.985352 12.7962 1.33105C13.3821 1.6709 13.9124 2.08105 14.387 2.56152C14.8675 3.03613 15.2776 3.56641 15.6175 4.15234C15.9632 4.73242 16.2298 5.35937 16.4173 6.0332C16.6048 6.70117 16.6985 7.39844 16.6985 8.125C16.6985 8.85156 16.6048 9.55176 16.4173 10.2256C16.2298 10.8936 15.9632 11.5205 15.6175 12.1064C15.2776 12.6865 14.8675 13.2168 14.387 13.6973C13.9124 14.1719 13.3821 14.582 12.7962 14.9277C12.2161 15.2676 11.5892 15.5312 10.9153 15.7188C10.2474 15.9062 9.55009 16 8.82353 16ZM8.82353 1.375C7.89189 1.375 7.01591 1.55371 6.1956 1.91113C5.38115 2.2627 4.6663 2.74609 4.05107 3.36133C3.44169 3.9707 2.95829 4.68555 2.60087 5.50586C2.24931 6.32031 2.07353 7.19336 2.07353 8.125C2.07353 9.05664 2.24931 9.93262 2.60087 10.7529C2.95829 11.5674 3.44169 12.2822 4.05107 12.8975C4.6663 13.5068 5.38115 13.9902 6.1956 14.3477C7.01591 14.6992 7.89189 14.875 8.82353 14.875C9.75517 14.875 10.6282 14.6992 11.4427 14.3477C12.263 13.9902 12.9778 13.5068 13.5872 12.8975C14.2024 12.2822 14.6858 11.5674 15.0374 10.7529C15.3948 9.93262 15.5735 9.05664 15.5735 8.125C15.5735 7.19336 15.3948 6.32031 15.0374 5.50586C14.6858 4.68555 14.2024 3.9707 13.5872 3.36133C12.9778 2.74609 12.263 2.2627 11.4427 1.91113C10.6282 1.55371 9.75517 1.375 8.82353 1.375ZM8.82353 8.125V3.625H7.69853V9.25H12.1985V8.125H8.82353Z" fill="#737373"></path></svg></span><span class="screen-reader-only">scan date:</span><span class="text">2019-11-24 3:05 AM UTC</span></li><li><span class="icon"><svg width="17" height="16" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 11.2891V0.289062H-7.62939e-06V11.2891H1.99999V15L5.71093 11.2891H16ZM1 1.28906H15L15 10.2891H5.28906L3 12.5781V10.2891H1V1.28906ZM9.99999 6.28906H8.99999V4.28906H11V6.28906C11 6.42969 10.974 6.55859 10.9219 6.67969C10.8698 6.80078 10.7982 6.90625 10.707 6.99609C10.6159 7.08594 10.5104 7.16016 10.3906 7.21094C10.2708 7.26172 10.1406 7.28906 9.99999 7.28906V6.28906ZM4.99999 6.28906H5.99999V7.28906C6.14062 7.28906 6.27083 7.26172 6.39062 7.21094C6.51041 7.16016 6.61588 7.08594 6.70702 6.99609C6.79817 6.90625 6.86978 6.80078 6.92187 6.67969C6.97395 6.55859 6.99999 6.42969 6.99999 6.28906V4.28906H4.99999V6.28906Z" fill="#737373"></path></svg></span><span class="screen-reader-only">comment:</span><span class="text description-text">Description for Axe Results With AI-detected Issues</span></li></ul></div><div class="summary-section"><h2>Summary</h2><div class="outcome-summary-bar" aria-label="26 Failed, 20 Passed, 0 Incomplete, 45 Not applicable" role="img" data-automation-id="outcome-summary-bar"><div style="flex-grow:26"><span class="fail summary-bar-left-edge"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58173 12.4183 0 8 0C3.58172 0 0 3.58173 0 8C0 12.4183 3.58172 16 8 16ZM10.9947 4.99466C10.7018 4.70178 10.2269 4.70178 9.93401 4.99466L8 6.92868L6.06599 4.99466C5.77309 4.70178 5.29823 4.70178 5.00533 4.99466C4.71243 5.28757 4.71243 5.76242 5.00533 6.05533L6.93933 7.98932L4.99467 9.93399C4.70177 10.2269 4.70177 10.7018 4.99467 10.9947C5.28756 11.2876 5.76243 11.2876 6.05532 10.9947L8 9.04999L9.94467 10.9947C10.2376 11.2876 10.7124 11.2876 11.0053 10.9947C11.2982 10.7018 11.2982 10.2269 11.0053 9.93399L9.06066 7.98932L10.9947 6.05533C11.2876 5.76242 11.2876 5.28757 10.9947 4.99466Z" fill="var(--neutral-0)"></path></svg></span>26</span></div><div style="flex-grow:20"><span class="pass"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM6.0616 11.1442L6.05904 11.1417L4.27459 9.35718C3.90847 8.99104 3.90847 8.39747 4.27459 8.03134C4.64071 7.66524 5.2343 7.66524 5.60041 8.03134L6.72452 9.15545L10.6054 5.27457C10.9715 4.90848 11.5651 4.90848 11.9312 5.27457C12.2974 5.64071 12.2974 6.23427 11.9312 6.60041L7.391 11.1406L7.38742 11.1442C7.06707 11.4646 6.57256 11.5046 6.20867 11.2643C6.15668 11.23 6.10737 11.19 6.0616 11.1442Z" fill="white"></path></svg></span>20</span></div><div style="flex-grow:0"><span class="incomplete"><span class="check-container"></span>0</span></div><div style="flex-grow:45"><span class="inapplicable summary-bar-right-edge"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="white"></circle><line x1="5.66064" y1="5.625" x2="10.2568" y2="10.2212" stroke="#737373" stroke-width="1.5" stroke-linecap="round"></line></svg></span>45</span></div></div></div><div class="results-container"><div class="failed-instances-container--3UUNb result-section--HfO9s" data-automation-id="result-section"><h2 class="heading-element-for-level--ifVX6"><span class="result-section-title--RGFI5"><span class="screen-reader-only">Failed instances 26</span><span class="title--WBYFE" aria-hidden="true">Failed instances</span><span class="outcome-chip-container--BT3j5" aria-hidden="true"><span class="outcome-chip outcome-chip-fail" title="26 Failed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#E81123"></circle><path d="M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 26</span><span class="screen-reader-only">26 Failed</span></span></span></span></h2><div class="rule-details-group--Tb-LW" data-automation-id="rule-details-group"><div class="collapsible-container collapsible-rule-details-group--V-HWh collapsed"><h3 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-bypass" aria-label="1 Failed bypass: Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content"><span data-automation-id="rule-detail" class="rule-detail"><span class="outcome-chip-container--G5Dfr"><span aria-hidden="true"><span class="outcome-chip outcome-chip-fail" title="1 Failed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#E81123"></circle><path d="M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 1</span></span></span></span><span><span data-automation-id="cards-rule-id" class="rule-details-id"><strong>bypass</strong></span>: <span class="rule-details-description">Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content</span> </span></span></button></h3><div id="content-container-bypass" class="collapsible-content" aria-hidden="true"><div class="rule-more-resources--uw9mc"><div class="more-resources-title--jOuUL">Resources for this rule</div><span class="rule-details-id--s-TpO"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/bypass" class="ms-Link insights-link root-109">More information about bypass</a></span><span class="rule-guidance--TIQgm"><span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks" class="ms-Link insights-link root-109">WCAG 2.4.1</a></span></span></div><ul data-automation-id="cards-rule-content" class="instance-details-list--YfkRy" aria-label="instances with additional information like path, snippet and how to fix or why it is passed"><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">html</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;html class=&quot;deque-axe-is-ready&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>No valid skip link found</li><li>Page does not have a header</li><li>Page does not have a landmark region</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1nzfcia" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1nzfcia"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1nzfcia" class="hidden-content--9JuU6">Rule ID: bypass

Path: html

Snippet: &lt;html class=&quot;deque-axe-is-ready&quot;&gt;

How to fix:
Fix any of the following:
  No valid skip link found
  Page does not have a header
  Page does not have a landmark region</span><div class="notification-container--axJpL"><span id="copy-notification-1nzfcia" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li></ul></div></div><div class="collapsible-container collapsible-rule-details-group--V-HWh collapsed"><h3 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-color-contrast" aria-label="4 Failed color-contrast: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds"><span data-automation-id="rule-detail" class="rule-detail"><span class="outcome-chip-container--G5Dfr"><span aria-hidden="true"><span class="outcome-chip outcome-chip-fail" title="4 Failed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#E81123"></circle><path d="M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 4</span></span></span></span><span><span data-automation-id="cards-rule-id" class="rule-details-id"><strong>color-contrast</strong></span>: <span class="rule-details-description">Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds</span> </span></span></button></h3><div id="content-container-color-contrast" class="collapsible-content" aria-hidden="true"><div class="rule-more-resources--uw9mc"><div class="more-resources-title--jOuUL">Resources for this rule</div><span class="rule-details-id--s-TpO"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/color-contrast" class="ms-Link insights-link root-109">More information about color-contrast</a></span><span class="rule-guidance--TIQgm"><span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html" class="ms-Link insights-link root-109">WCAG 1.4.3</a></span></span></div><ul data-automation-id="cards-rule-content" class="instance-details-list--YfkRy" aria-label="instances with additional information like path, snippet and how to fix or why it is passed"><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">li:nth-child(1) &gt; a[href=&quot;\#&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;a href=&quot;#&quot;&gt;About&lt;/a&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Related paths</th><td class="row-content--07KUh"><ul class="path-list--MxxKM"><li>#menu &gt; li:nth-child(1)</li></ul></td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix the following:</div><ul><li><span aria-hidden="true"><span>Element has insufficient color contrast of 2.52 (foreground color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#8a94a8"></span><span>#8a94a8, background color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#e7ecd8"></span><span>#e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span></span><span class="screen-reader-only--6LUiO">Element has insufficient color contrast of 2.52 (foreground color: #8a94a8, background color: #e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span><ul data-automation-id="recommendations"><li><span aria-hidden="true"><span> Use foreground color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#5e6572"></span><span>#5e6572 and the original background color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#e7ecd8"></span><span>#e7ecd8 to meet a contrast ratio of 4.86:1.</span></span><span class="screen-reader-only--6LUiO"> Use foreground color: #5e6572 and the original background color: #e7ecd8 to meet a contrast ratio of 4.86:1.</span></li></ul></li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-yjwfgh" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-yjwfgh"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-yjwfgh" class="hidden-content--9JuU6">Rule ID: color-contrast

Path: li:nth-child(1) &gt; a[href=&quot;\#&quot;]

Snippet: &lt;a href=&quot;#&quot;&gt;About&lt;/a&gt;

Related Paths:
- #menu &gt; li:nth-child(1)

How to fix:
Fix any of the following:
  Element has insufficient color contrast of 2.52 (foreground color: #8a94a8, background color: #e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span><div class="notification-container--axJpL"><span id="copy-notification-yjwfgh" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">li:nth-child(2) &gt; a[href=&quot;\#&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;a href=&quot;#&quot;&gt;Academics&lt;/a&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Related paths</th><td class="row-content--07KUh"><ul class="path-list--MxxKM"><li>#menu &gt; li:nth-child(2)</li></ul></td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix the following:</div><ul><li><span aria-hidden="true"><span>Element has insufficient color contrast of 2.52 (foreground color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#8a94a8"></span><span>#8a94a8, background color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#e7ecd8"></span><span>#e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span></span><span class="screen-reader-only--6LUiO">Element has insufficient color contrast of 2.52 (foreground color: #8a94a8, background color: #e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span><ul data-automation-id="recommendations"><li><span aria-hidden="true"><span> Use foreground color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#5e6572"></span><span>#5e6572 and the original background color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#e7ecd8"></span><span>#e7ecd8 to meet a contrast ratio of 4.86:1.</span></span><span class="screen-reader-only--6LUiO"> Use foreground color: #5e6572 and the original background color: #e7ecd8 to meet a contrast ratio of 4.86:1.</span></li></ul></li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1d5lvoj" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1d5lvoj"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1d5lvoj" class="hidden-content--9JuU6">Rule ID: color-contrast

Path: li:nth-child(2) &gt; a[href=&quot;\#&quot;]

Snippet: &lt;a href=&quot;#&quot;&gt;Academics&lt;/a&gt;

Related Paths:
- #menu &gt; li:nth-child(2)

How to fix:
Fix any of the following:
  Element has insufficient color contrast of 2.52 (foreground color: #8a94a8, background color: #e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span><div class="notification-container--axJpL"><span id="copy-notification-1d5lvoj" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">li:nth-child(3) &gt; a[href=&quot;\#&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;a href=&quot;#&quot;&gt;Admissions&lt;/a&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Related paths</th><td class="row-content--07KUh"><ul class="path-list--MxxKM"><li>#menu &gt; li:nth-child(3)</li></ul></td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix the following:</div><ul><li><span aria-hidden="true"><span>Element has insufficient color contrast of 2.52 (foreground color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#8a94a8"></span><span>#8a94a8, background color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#e7ecd8"></span><span>#e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span></span><span class="screen-reader-only--6LUiO">Element has insufficient color contrast of 2.52 (foreground color: #8a94a8, background color: #e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span><ul data-automation-id="recommendations"><li><span aria-hidden="true"><span> Use foreground color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#5e6572"></span><span>#5e6572 and the original background color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#e7ecd8"></span><span>#e7ecd8 to meet a contrast ratio of 4.86:1.</span></span><span class="screen-reader-only--6LUiO"> Use foreground color: #5e6572 and the original background color: #e7ecd8 to meet a contrast ratio of 4.86:1.</span></li></ul></li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1rrbbwl" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1rrbbwl"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1rrbbwl" class="hidden-content--9JuU6">Rule ID: color-contrast

Path: li:nth-child(3) &gt; a[href=&quot;\#&quot;]

Snippet: &lt;a href=&quot;#&quot;&gt;Admissions&lt;/a&gt;

Related Paths:
- #menu &gt; li:nth-child(3)

How to fix:
Fix any of the following:
  Element has insufficient color contrast of 2.52 (foreground color: #8a94a8, background color: #e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span><div class="notification-container--axJpL"><span id="copy-notification-1rrbbwl" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">li:nth-child(4) &gt; a[href=&quot;\#&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;a href=&quot;#&quot;&gt;Visitors&lt;/a&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Related paths</th><td class="row-content--07KUh"><ul class="path-list--MxxKM"><li>#menu &gt; li:nth-child(4)</li></ul></td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix the following:</div><ul><li><span aria-hidden="true"><span>Element has insufficient color contrast of 2.52 (foreground color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#8a94a8"></span><span>#8a94a8, background color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#e7ecd8"></span><span>#e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span></span><span class="screen-reader-only--6LUiO">Element has insufficient color contrast of 2.52 (foreground color: #8a94a8, background color: #e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span><ul data-automation-id="recommendations"><li><span aria-hidden="true"><span> Use foreground color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#5e6572"></span><span>#5e6572 and the original background color: </span><span aria-hidden="true" class="fix-instruction-color-box--DQpQE" style="background-color:#e7ecd8"></span><span>#e7ecd8 to meet a contrast ratio of 4.86:1.</span></span><span class="screen-reader-only--6LUiO"> Use foreground color: #5e6572 and the original background color: #e7ecd8 to meet a contrast ratio of 4.86:1.</span></li></ul></li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-7bwq5j" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-7bwq5j"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-7bwq5j" class="hidden-content--9JuU6">Rule ID: color-contrast

Path: li:nth-child(4) &gt; a[href=&quot;\#&quot;]

Snippet: &lt;a href=&quot;#&quot;&gt;Visitors&lt;/a&gt;

Related Paths:
- #menu &gt; li:nth-child(4)

How to fix:
Fix any of the following:
  Element has insufficient color contrast of 2.52 (foreground color: #8a94a8, background color: #e7ecd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1</span><div class="notification-container--axJpL"><span id="copy-notification-7bwq5j" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li></ul></div></div><div class="collapsible-container collapsible-rule-details-group--V-HWh collapsed"><h3 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-html-has-lang" aria-label="1 Failed html-has-lang: Ensures every HTML document has a lang attribute"><span data-automation-id="rule-detail" class="rule-detail"><span class="outcome-chip-container--G5Dfr"><span aria-hidden="true"><span class="outcome-chip outcome-chip-fail" title="1 Failed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#E81123"></circle><path d="M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 1</span></span></span></span><span><span data-automation-id="cards-rule-id" class="rule-details-id"><strong>html-has-lang</strong></span>: <span class="rule-details-description">Ensures every HTML document has a lang attribute</span> </span></span></button></h3><div id="content-container-html-has-lang" class="collapsible-content" aria-hidden="true"><div class="rule-more-resources--uw9mc"><div class="more-resources-title--jOuUL">Resources for this rule</div><span class="rule-details-id--s-TpO"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/html-has-lang" class="ms-Link insights-link root-109">More information about html-has-lang</a></span><span class="rule-guidance--TIQgm"><span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html" class="ms-Link insights-link root-109">WCAG 3.1.1</a></span></span></div><ul data-automation-id="cards-rule-content" class="instance-details-list--YfkRy" aria-label="instances with additional information like path, snippet and how to fix or why it is passed"><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">html</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;html class=&quot;deque-axe-is-ready&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix the following:</div><ul><li>The &lt;html&gt; element does not have a lang attribute</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-eumict" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-eumict"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-eumict" class="hidden-content--9JuU6">Rule ID: html-has-lang

Path: html

Snippet: &lt;html class=&quot;deque-axe-is-ready&quot;&gt;

How to fix:
Fix any of the following:
  The &lt;html&gt; element does not have a lang attribute</span><div class="notification-container--axJpL"><span id="copy-notification-eumict" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li></ul></div></div><div class="collapsible-container collapsible-rule-details-group--V-HWh collapsed"><h3 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-image-alt" aria-label="4 Failed image-alt: Ensures &lt;img&gt; elements have alternate text or a role of none or presentation"><span data-automation-id="rule-detail" class="rule-detail"><span class="outcome-chip-container--G5Dfr"><span aria-hidden="true"><span class="outcome-chip outcome-chip-fail" title="4 Failed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#E81123"></circle><path d="M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 4</span></span></span></span><span><span data-automation-id="cards-rule-id" class="rule-details-id"><strong>image-alt</strong></span>: <span class="rule-details-description">Ensures &lt;img&gt; elements have alternate text or a role of none or presentation</span> </span></span></button></h3><div id="content-container-image-alt" class="collapsible-content" aria-hidden="true"><div class="rule-more-resources--uw9mc"><div class="more-resources-title--jOuUL">Resources for this rule</div><span class="rule-details-id--s-TpO"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/image-alt" class="ms-Link insights-link root-109">More information about image-alt</a></span><span class="rule-guidance--TIQgm"><span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html" class="ms-Link insights-link root-109">WCAG 1.1.1</a></span></span></div><ul data-automation-id="cards-rule-content" class="instance-details-list--YfkRy" aria-label="instances with additional information like path, snippet and how to fix or why it is passed"><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">img[src$=&quot;slide2\.jpg&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;img src=&quot;images/slide2.jpg&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>Element does not have an alt attribute</li><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Element has no title attribute or the title attribute is empty</li><li>Element&#x27;s default semantics were not overridden with role=&quot;presentation&quot;</li><li>Element&#x27;s default semantics were not overridden with role=&quot;none&quot;</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-e3sf1c" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-e3sf1c"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-e3sf1c" class="hidden-content--9JuU6">Rule ID: image-alt

Path: img[src$=&quot;slide2\.jpg&quot;]

Snippet: &lt;img src=&quot;images/slide2.jpg&quot;&gt;

How to fix:
Fix any of the following:
  Element does not have an alt attribute
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Element has no title attribute or the title attribute is empty
  Element&#x27;s default semantics were not overridden with role=&quot;presentation&quot;
  Element&#x27;s default semantics were not overridden with role=&quot;none&quot;</span><div class="notification-container--axJpL"><span id="copy-notification-e3sf1c" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">img[src$=&quot;arrow-left\.png&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;img src=&quot;images/arrow-left.png&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>Element does not have an alt attribute</li><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Element has no title attribute or the title attribute is empty</li><li>Element&#x27;s default semantics were not overridden with role=&quot;presentation&quot;</li><li>Element&#x27;s default semantics were not overridden with role=&quot;none&quot;</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1a2hyud" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1a2hyud"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1a2hyud" class="hidden-content--9JuU6">Rule ID: image-alt

Path: img[src$=&quot;arrow-left\.png&quot;]

Snippet: &lt;img src=&quot;images/arrow-left.png&quot;&gt;

How to fix:
Fix any of the following:
  Element does not have an alt attribute
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Element has no title attribute or the title attribute is empty
  Element&#x27;s default semantics were not overridden with role=&quot;presentation&quot;
  Element&#x27;s default semantics were not overridden with role=&quot;none&quot;</span><div class="notification-container--axJpL"><span id="copy-notification-1a2hyud" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">img[src$=&quot;arrow-right\.png&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;img src=&quot;images/arrow-right.png&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>Element does not have an alt attribute</li><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Element has no title attribute or the title attribute is empty</li><li>Element&#x27;s default semantics were not overridden with role=&quot;presentation&quot;</li><li>Element&#x27;s default semantics were not overridden with role=&quot;none&quot;</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1jxa7sp" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1jxa7sp"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1jxa7sp" class="hidden-content--9JuU6">Rule ID: image-alt

Path: img[src$=&quot;arrow-right\.png&quot;]

Snippet: &lt;img src=&quot;images/arrow-right.png&quot;&gt;

How to fix:
Fix any of the following:
  Element does not have an alt attribute
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Element has no title attribute or the title attribute is empty
  Element&#x27;s default semantics were not overridden with role=&quot;presentation&quot;
  Element&#x27;s default semantics were not overridden with role=&quot;none&quot;</span><div class="notification-container--axJpL"><span id="copy-notification-1jxa7sp" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">img[src$=&quot;captcha\.png&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;img src=&quot;images/captcha.png&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>Element does not have an alt attribute</li><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Element has no title attribute or the title attribute is empty</li><li>Element&#x27;s default semantics were not overridden with role=&quot;presentation&quot;</li><li>Element&#x27;s default semantics were not overridden with role=&quot;none&quot;</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1xwhf2w" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1xwhf2w"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1xwhf2w" class="hidden-content--9JuU6">Rule ID: image-alt

Path: img[src$=&quot;captcha\.png&quot;]

Snippet: &lt;img src=&quot;images/captcha.png&quot;&gt;

How to fix:
Fix any of the following:
  Element does not have an alt attribute
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Element has no title attribute or the title attribute is empty
  Element&#x27;s default semantics were not overridden with role=&quot;presentation&quot;
  Element&#x27;s default semantics were not overridden with role=&quot;none&quot;</span><div class="notification-container--axJpL"><span id="copy-notification-1xwhf2w" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li></ul></div></div><div class="collapsible-container collapsible-rule-details-group--V-HWh collapsed"><h3 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-label" aria-label="13 Failed label: Ensures every form element has a label"><span data-automation-id="rule-detail" class="rule-detail"><span class="outcome-chip-container--G5Dfr"><span aria-hidden="true"><span class="outcome-chip outcome-chip-fail" title="13 Failed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#E81123"></circle><path d="M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 13</span></span></span></span><span><span data-automation-id="cards-rule-id" class="rule-details-id"><strong>label</strong></span>: <span class="rule-details-description">Ensures every form element has a label</span> </span></span></button></h3><div id="content-container-label" class="collapsible-content" aria-hidden="true"><div class="rule-more-resources--uw9mc"><div class="more-resources-title--jOuUL">Resources for this rule</div><span class="rule-details-id--s-TpO"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/label" class="ms-Link insights-link root-109">More information about label</a></span><span class="rule-guidance--TIQgm"><span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a><span>, </span><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions.html" class="ms-Link insights-link root-109">WCAG 3.3.2</a></span></span></div><ul data-automation-id="cards-rule-content" class="instance-details-list--YfkRy" aria-label="instances with additional information like path, snippet and how to fix or why it is passed"><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;name&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;text&quot; name=&quot;name&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-wdsz5a" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-wdsz5a"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-wdsz5a" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;name&quot;]

Snippet: &lt;input type=&quot;text&quot; name=&quot;name&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-wdsz5a" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;email&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;text&quot; name=&quot;email&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1frhbzq" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1frhbzq"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1frhbzq" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;email&quot;]

Snippet: &lt;input type=&quot;text&quot; name=&quot;email&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-1frhbzq" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;city&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;text&quot; name=&quot;city&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-yqh53c" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-yqh53c"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-yqh53c" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;city&quot;]

Snippet: &lt;input type=&quot;text&quot; name=&quot;city&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-yqh53c" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;state&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;text&quot; name=&quot;state&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-11pk1td" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-11pk1td"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-11pk1td" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;state&quot;]

Snippet: &lt;input type=&quot;text&quot; name=&quot;state&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-11pk1td" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;zip&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;text&quot; name=&quot;zip&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1fbc8w4" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1fbc8w4"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1fbc8w4" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;zip&quot;]

Snippet: &lt;input type=&quot;text&quot; name=&quot;zip&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-1fbc8w4" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;country/region&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;text&quot; name=&quot;country/region&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-u9cj09" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-u9cj09"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-u9cj09" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;country/region&quot;]

Snippet: &lt;input type=&quot;text&quot; name=&quot;country/region&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-u9cj09" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;major_cs&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;checkbox&quot; name=&quot;major_cs&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-886w81" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-886w81"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-886w81" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;major_cs&quot;]

Snippet: &lt;input type=&quot;checkbox&quot; name=&quot;major_cs&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-886w81" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;major_eng&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;checkbox&quot; name=&quot;major_eng&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-5pg0li" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-5pg0li"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-5pg0li" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;major_eng&quot;]

Snippet: &lt;input type=&quot;checkbox&quot; name=&quot;major_eng&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-5pg0li" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;major_econ&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;checkbox&quot; name=&quot;major_econ&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-y57nci" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-y57nci"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-y57nci" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;major_econ&quot;]

Snippet: &lt;input type=&quot;checkbox&quot; name=&quot;major_econ&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-y57nci" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;major_phy&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;checkbox&quot; name=&quot;major_phy&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-dm0ikf" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-dm0ikf"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-dm0ikf" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;major_phy&quot;]

Snippet: &lt;input type=&quot;checkbox&quot; name=&quot;major_phy&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-dm0ikf" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;major_psy&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;checkbox&quot; name=&quot;major_psy&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-wfc79u" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-wfc79u"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-wfc79u" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;major_psy&quot;]

Snippet: &lt;input type=&quot;checkbox&quot; name=&quot;major_psy&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-wfc79u" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;major_sp&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;checkbox&quot; name=&quot;major_sp&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-eq9j2y" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-eq9j2y"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-eq9j2y" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;major_sp&quot;]

Snippet: &lt;input type=&quot;checkbox&quot; name=&quot;major_sp&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-eq9j2y" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">input[name=&quot;captcha&quot;]</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;input type=&quot;text&quot; name=&quot;captcha&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix ONE of the following:</div><ul><li>aria-label attribute does not exist or is empty</li><li>aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty</li><li>Form element does not have an implicit (wrapped) &lt;label&gt;</li><li>Form element does not have an explicit &lt;label&gt;</li><li>Element has no title attribute or the title attribute is empty</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1jhsfg4" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1jhsfg4"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1jhsfg4" class="hidden-content--9JuU6">Rule ID: label

Path: input[name=&quot;captcha&quot;]

Snippet: &lt;input type=&quot;text&quot; name=&quot;captcha&quot;&gt;

How to fix:
Fix any of the following:
  aria-label attribute does not exist or is empty
  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  Form element does not have an implicit (wrapped) &lt;label&gt;
  Form element does not have an explicit &lt;label&gt;
  Element has no title attribute or the title attribute is empty</span><div class="notification-container--axJpL"><span id="copy-notification-1jhsfg4" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li></ul></div></div><div class="collapsible-container collapsible-rule-details-group--V-HWh collapsed"><h3 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-landmark-one-main" aria-label="1 Failed landmark-one-main: Ensures the document has only one main landmark and each iframe in the page has at most one main landmark Best Practice"><span data-automation-id="rule-detail" class="rule-detail"><span class="outcome-chip-container--G5Dfr"><span aria-hidden="true"><span class="outcome-chip outcome-chip-fail" title="1 Failed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#E81123"></circle><path d="M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 1</span></span></span></span><span><span data-automation-id="cards-rule-id" class="rule-details-id"><strong>landmark-one-main</strong></span>: <span class="rule-details-description">Ensures the document has only one main landmark and each iframe in the page has at most one main landmark</span> <span class="guidance-tags"><span>Best Practice</span></span></span></span></button></h3><div id="content-container-landmark-one-main" class="collapsible-content" aria-hidden="true"><div class="rule-more-resources--uw9mc"><div class="more-resources-title--jOuUL">Resources for this rule</div><span class="rule-details-id--s-TpO"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/landmark-one-main?application=webdriverjs" class="ms-Link insights-link root-109">More information about landmark-one-main</a></span><span class="rule-guidance--TIQgm"><span class="guidance-tags"><span>Best Practice</span></span></span></div><ul data-automation-id="cards-rule-content" class="instance-details-list--YfkRy" aria-label="instances with additional information like path, snippet and how to fix or why it is passed"><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">html</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;html class=&quot;deque-axe-is-ready&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix the following:</div><ul><li>Document does not have a main landmark</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1ebk3yj" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1ebk3yj"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1ebk3yj" class="hidden-content--9JuU6">Rule ID: landmark-one-main

Path: html

Snippet: &lt;html class=&quot;deque-axe-is-ready&quot;&gt;

How to fix:
Fix all of the following:
  Document does not have a main landmark</span><div class="notification-container--axJpL"><span id="copy-notification-1ebk3yj" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li></ul></div></div><div class="collapsible-container collapsible-rule-details-group--V-HWh collapsed"><h3 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-page-has-heading-one" aria-label="1 Failed page-has-heading-one: Ensure that the page, or at least one of its frames contains a level-one heading Best Practice AI suggested"><span data-automation-id="rule-detail" class="rule-detail"><span class="outcome-chip-container--G5Dfr"><span aria-hidden="true"><span class="outcome-chip outcome-chip-fail" title="1 Failed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#E81123"></circle><path d="M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 1</span></span></span></span><span><span data-automation-id="cards-rule-id" class="rule-details-id"><strong>page-has-heading-one</strong></span>: <span class="rule-details-description">Ensure that the page, or at least one of its frames contains a level-one heading</span> <span class="guidance-tags"><span>Best Practice</span><span>AI suggested</span></span></span></span></button></h3><div id="content-container-page-has-heading-one" class="collapsible-content" aria-hidden="true"><div class="rule-more-resources--uw9mc"><div class="more-resources-title--jOuUL">Resources for this rule</div><span class="rule-details-id--s-TpO"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/page-has-heading-one?application=webdriverjs" class="ms-Link insights-link root-109">More information about page-has-heading-one</a></span><span class="rule-guidance--TIQgm"><span class="guidance-tags"><span>Best Practice</span><span>AI suggested</span></span></span></div><ul data-automation-id="cards-rule-content" class="instance-details-list--YfkRy" aria-label="instances with additional information like path, snippet and how to fix or why it is passed"><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">html</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;html class=&quot;deque-axe-is-ready&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix the following:</div><ul><li>Page must have a level-one heading</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-xqdmc2" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-xqdmc2"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-xqdmc2" class="hidden-content--9JuU6">Rule ID: page-has-heading-one

Path: html

Snippet: &lt;html class=&quot;deque-axe-is-ready&quot;&gt;

How to fix:
Fix all of the following:
  Page must have a level-one heading</span><div class="notification-container--axJpL"><span id="copy-notification-xqdmc2" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li></ul></div></div><div class="collapsible-container collapsible-rule-details-group--V-HWh collapsed"><h3 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-region" aria-label="1 Failed region: Ensures all page content is contained by landmarks AI suggested"><span data-automation-id="rule-detail" class="rule-detail"><span class="outcome-chip-container--G5Dfr"><span aria-hidden="true"><span class="outcome-chip outcome-chip-fail" title="1 Failed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#E81123"></circle><path d="M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 1</span></span></span></span><span><span data-automation-id="cards-rule-id" class="rule-details-id"><strong>region</strong></span>: <span class="rule-details-description">Ensures all page content is contained by landmarks</span> <span class="guidance-tags"><span>AI suggested</span></span></span></span></button></h3><div id="content-container-region" class="collapsible-content" aria-hidden="true"><div class="rule-more-resources--uw9mc"><div class="more-resources-title--jOuUL">Resources for this rule</div><span class="rule-details-id--s-TpO"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/region?application=webdriverjs" class="ms-Link insights-link root-109">More information about region</a></span><span class="rule-guidance--TIQgm"><span class="guidance-tags"><span>AI suggested</span></span></span></div><ul data-automation-id="cards-rule-content" class="instance-details-list--YfkRy" aria-label="instances with additional information like path, snippet and how to fix or why it is passed"><li><div data-automation-id="instance-card" class="instance-details-card-container--KLHTp"><div class="instance-details-card--owGQF"><div><table class="report-instance-table--3VoZX"><tbody><tr class="row---3i35"><th class="row-label--FlVZl">Path</th><td class="row-content--07KUh">html</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Snippet</th><td class="row-content--07KUh snippet--hSNfv">&lt;html class=&quot;deque-axe-is-ready&quot;&gt;</td></tr><tr class="row---3i35"><th class="row-label--FlVZl">Related paths</th><td class="row-content--07KUh"><ul class="path-list--MxxKM"><li>#logo</li><li>li:nth-child(1) &gt; a[href=&quot;\#&quot;]</li><li>li:nth-child(2) &gt; a[href=&quot;\#&quot;]</li><li>li:nth-child(3) &gt; a[href=&quot;\#&quot;]</li><li>li:nth-child(4) &gt; a[href=&quot;\#&quot;]</li><li>img[src$=&quot;slide2\.jpg&quot;]</li><li>a[href=&quot;somepage\.html\?ref\=Slide\%202&quot;] &gt; .description</li><li>img[src$=&quot;arrow-left\.png&quot;]</li><li>img[src$=&quot;arrow-right\.png&quot;]</li><li>.heading:nth-child(2)</li><li>p:nth-child(3)</li><li>.hr[src$=&quot;line_gradient\.gif&quot;][alt=&quot;horizontal\ line\ graphic&quot;]:nth-child(4)</li><li>.heading:nth-child(5)</li><li>p:nth-child(6)</li><li>.hr[src$=&quot;line_gradient\.gif&quot;][alt=&quot;horizontal\ line\ graphic&quot;]:nth-child(7)</li><li>.heading:nth-child(8)</li><li>p:nth-child(9)</li><li>.hr[src$=&quot;line_gradient\.gif&quot;][alt=&quot;horizontal\ line\ graphic&quot;]:nth-child(10)</li><li>.heading:nth-child(11)</li><li>td[colspan=&quot;\36 &quot;]:nth-child(2) &gt; b</li><li>td[colspan=&quot;\36 &quot;]:nth-child(3) &gt; b</li><li>tr:nth-child(2) &gt; td:nth-child(2) &gt; b</li><li>tr:nth-child(2) &gt; td:nth-child(3) &gt; b</li><li>td:nth-child(4) &gt; b</li><li>td:nth-child(5) &gt; b</li><li>td:nth-child(6) &gt; b</li><li>td:nth-child(7) &gt; b</li><li>td:nth-child(8) &gt; b</li><li>td:nth-child(9) &gt; b</li><li>td:nth-child(10) &gt; b</li><li>td:nth-child(11) &gt; b</li><li>td:nth-child(12) &gt; b</li><li>td:nth-child(13) &gt; b</li><li>td:nth-child(1) &gt; b</li><li>tr:nth-child(3) &gt; td:nth-child(2)</li><li>tr:nth-child(3) &gt; td:nth-child(3)</li><li>tr:nth-child(3) &gt; td:nth-child(4)</li><li>tr:nth-child(3) &gt; td:nth-child(5)</li><li>tr:nth-child(3) &gt; td:nth-child(6)</li><li>tr:nth-child(3) &gt; td:nth-child(7)</li><li>tr:nth-child(3) &gt; td:nth-child(8)</li><li>tr:nth-child(3) &gt; td:nth-child(9)</li><li>tr:nth-child(3) &gt; td:nth-child(10)</li><li>tr:nth-child(3) &gt; td:nth-child(11)</li><li>tr:nth-child(3) &gt; td:nth-child(12)</li><li>tr:nth-child(3) &gt; td:nth-child(13)</li><li>tr:nth-child(4) &gt; td:nth-child(1)</li><li>tr:nth-child(4) &gt; td:nth-child(2)</li><li>tr:nth-child(4) &gt; td:nth-child(3)</li><li>tr:nth-child(4) &gt; td:nth-child(4)</li><li>tr:nth-child(4) &gt; td:nth-child(5)</li><li>tr:nth-child(4) &gt; td:nth-child(6)</li><li>tr:nth-child(4) &gt; td:nth-child(7)</li><li>tr:nth-child(4) &gt; td:nth-child(8)</li><li>tr:nth-child(4) &gt; td:nth-child(9)</li><li>tr:nth-child(4) &gt; td:nth-child(10)</li><li>tr:nth-child(4) &gt; td:nth-child(11)</li><li>tr:nth-child(4) &gt; td:nth-child(12)</li><li>tr:nth-child(4) &gt; td:nth-child(13)</li><li>tr:nth-child(5) &gt; td:nth-child(1)</li><li>tr:nth-child(5) &gt; td:nth-child(2)</li><li>tr:nth-child(5) &gt; td:nth-child(3)</li><li>tr:nth-child(5) &gt; td:nth-child(4)</li><li>tr:nth-child(5) &gt; td:nth-child(5)</li><li>tr:nth-child(5) &gt; td:nth-child(6)</li><li>tr:nth-child(5) &gt; td:nth-child(7)</li><li>tr:nth-child(5) &gt; td:nth-child(8)</li><li>tr:nth-child(5) &gt; td:nth-child(9)</li><li>tr:nth-child(5) &gt; td:nth-child(10)</li><li>tr:nth-child(5) &gt; td:nth-child(11)</li><li>tr:nth-child(5) &gt; td:nth-child(12)</li><li>tr:nth-child(5) &gt; td:nth-child(13)</li><li>#appForm &gt; .heading</li><li>.reqExample</li><li>form &gt; .required:nth-child(2)</li><li>.required:nth-child(3)</li><li>form &gt; div:nth-child(4)</li><li>form &gt; div:nth-child(5)</li><li>form &gt; div:nth-child(6)</li><li>div:nth-child(7)</li><li>div:nth-child(8) &gt; b</li><li>.major:nth-child(1)</li><li>.major:nth-child(2)</li><li>.major:nth-child(3)</li><li>.major:nth-child(4)</li><li>.major:nth-child(5)</li><li>.major:nth-child(6)</li><li>#captcha &gt; b</li><li>#captcha &gt; p</li><li>input[name=&quot;captcha&quot;]</li><li>img[src$=&quot;captcha\.png&quot;]</li><li>#submit</li><li>#footer</li></ul></td></tr><tr class="row---3i35"><th class="row-label--FlVZl">How to fix</th><td class="row-content--07KUh"><div class="how-to-fix-content--Zz96u"><div><div>Fix the following:</div><ul><li>Some page content is not contained by landmarks</li></ul></div></div></td></tr></tbody></table><div class="markup-footer--HEVHv"><div class="buttons-group-right--SKsSu"><button id="copy-button-1xw96uc" class="feedback-button--Vn-lA" title="Copy failure details" aria-label="Copy failure details to clipboard" aria-describedby="copy-content-1xw96uc"><svg width="16" height="16" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><path d="M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z" fill="#212121" transform="scale(2)"></path></svg><span>Copy Failure Details</span></button><span id="copy-content-1xw96uc" class="hidden-content--9JuU6">Rule ID: region

Path: html

Snippet: &lt;html class=&quot;deque-axe-is-ready&quot;&gt;

Related Paths:
- #logo
- li:nth-child(1) &gt; a[href=&quot;\#&quot;]
- li:nth-child(2) &gt; a[href=&quot;\#&quot;]
- li:nth-child(3) &gt; a[href=&quot;\#&quot;]
- li:nth-child(4) &gt; a[href=&quot;\#&quot;]
- img[src$=&quot;slide2\.jpg&quot;]
- a[href=&quot;somepage\.html\?ref\=Slide\%202&quot;] &gt; .description
- img[src$=&quot;arrow-left\.png&quot;]
- img[src$=&quot;arrow-right\.png&quot;]
- .heading:nth-child(2)
- p:nth-child(3)
- .hr[src$=&quot;line_gradient\.gif&quot;][alt=&quot;horizontal\ line\ graphic&quot;]:nth-child(4)
- .heading:nth-child(5)
- p:nth-child(6)
- .hr[src$=&quot;line_gradient\.gif&quot;][alt=&quot;horizontal\ line\ graphic&quot;]:nth-child(7)
- .heading:nth-child(8)
- p:nth-child(9)
- .hr[src$=&quot;line_gradient\.gif&quot;][alt=&quot;horizontal\ line\ graphic&quot;]:nth-child(10)
- .heading:nth-child(11)
- td[colspan=&quot;\36 &quot;]:nth-child(2) &gt; b
- td[colspan=&quot;\36 &quot;]:nth-child(3) &gt; b
- tr:nth-child(2) &gt; td:nth-child(2) &gt; b
- tr:nth-child(2) &gt; td:nth-child(3) &gt; b
- td:nth-child(4) &gt; b
- td:nth-child(5) &gt; b
- td:nth-child(6) &gt; b
- td:nth-child(7) &gt; b
- td:nth-child(8) &gt; b
- td:nth-child(9) &gt; b
- td:nth-child(10) &gt; b
- td:nth-child(11) &gt; b
- td:nth-child(12) &gt; b
- td:nth-child(13) &gt; b
- td:nth-child(1) &gt; b
- tr:nth-child(3) &gt; td:nth-child(2)
- tr:nth-child(3) &gt; td:nth-child(3)
- tr:nth-child(3) &gt; td:nth-child(4)
- tr:nth-child(3) &gt; td:nth-child(5)
- tr:nth-child(3) &gt; td:nth-child(6)
- tr:nth-child(3) &gt; td:nth-child(7)
- tr:nth-child(3) &gt; td:nth-child(8)
- tr:nth-child(3) &gt; td:nth-child(9)
- tr:nth-child(3) &gt; td:nth-child(10)
- tr:nth-child(3) &gt; td:nth-child(11)
- tr:nth-child(3) &gt; td:nth-child(12)
- tr:nth-child(3) &gt; td:nth-child(13)
- tr:nth-child(4) &gt; td:nth-child(1)
- tr:nth-child(4) &gt; td:nth-child(2)
- tr:nth-child(4) &gt; td:nth-child(3)
- tr:nth-child(4) &gt; td:nth-child(4)
- tr:nth-child(4) &gt; td:nth-child(5)
- tr:nth-child(4) &gt; td:nth-child(6)
- tr:nth-child(4) &gt; td:nth-child(7)
- tr:nth-child(4) &gt; td:nth-child(8)
- tr:nth-child(4) &gt; td:nth-child(9)
- tr:nth-child(4) &gt; td:nth-child(10)
- tr:nth-child(4) &gt; td:nth-child(11)
- tr:nth-child(4) &gt; td:nth-child(12)
- tr:nth-child(4) &gt; td:nth-child(13)
- tr:nth-child(5) &gt; td:nth-child(1)
- tr:nth-child(5) &gt; td:nth-child(2)
- tr:nth-child(5) &gt; td:nth-child(3)
- tr:nth-child(5) &gt; td:nth-child(4)
- tr:nth-child(5) &gt; td:nth-child(5)
- tr:nth-child(5) &gt; td:nth-child(6)
- tr:nth-child(5) &gt; td:nth-child(7)
- tr:nth-child(5) &gt; td:nth-child(8)
- tr:nth-child(5) &gt; td:nth-child(9)
- tr:nth-child(5) &gt; td:nth-child(10)
- tr:nth-child(5) &gt; td:nth-child(11)
- tr:nth-child(5) &gt; td:nth-child(12)
- tr:nth-child(5) &gt; td:nth-child(13)
- #appForm &gt; .heading
- .reqExample
- form &gt; .required:nth-child(2)
- .required:nth-child(3)
- form &gt; div:nth-child(4)
- form &gt; div:nth-child(5)
- form &gt; div:nth-child(6)
- div:nth-child(7)
- div:nth-child(8) &gt; b
- .major:nth-child(1)
- .major:nth-child(2)
- .major:nth-child(3)
- .major:nth-child(4)
- .major:nth-child(5)
- .major:nth-child(6)
- #captcha &gt; b
- #captcha &gt; p
- input[name=&quot;captcha&quot;]
- img[src$=&quot;captcha\.png&quot;]
- #submit
- #footer

How to fix:
Fix any of the following:
  Some page content is not contained by landmarks</span><div class="notification-container--axJpL"><span id="copy-notification-1xw96uc" class="copy-notification--MlMTG" role="status" aria-live="polite">Copied failure details!</span></div></div></div></div></div></div></li></ul></div></div></div></div><div class="result-section--HfO9s" data-automation-id="result-section"><h2 class="heading-element-for-level--ifVX6"><span class="result-section-title--RGFI5"><span class="screen-reader-only">Passed checks 20</span><span class="title--WBYFE" aria-hidden="true">Passed checks</span><span class="outcome-chip-container--BT3j5" aria-hidden="true"><span class="outcome-chip outcome-chip-pass" title="20 Passed"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#228722"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M6.05904 11.1417L6.0616 11.1442C6.10737 11.19 6.15668 11.23 6.20867 11.2643C6.57256 11.5046 7.06707 11.4646 7.38742 11.1442C7.38861 11.143 7.38982 11.1418 7.391 11.1406L11.9312 6.60041C12.2974 6.23427 12.2974 5.64071 11.9312 5.27457C11.5651 4.90848 10.9715 4.90848 10.6054 5.27457L6.72452 9.15545L5.60041 8.03134C5.2343 7.66524 4.64071 7.66524 4.27459 8.03134C3.90847 8.39747 3.90847 8.99104 4.27459 9.35718L6.05904 11.1417Z" fill="var(--neutral-0)"></path></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 20</span><span class="screen-reader-only">20 Passed</span></span></span></span></h2><div class="rule-details-group--Tb-LW" data-automation-id="rule-details-group"><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html" class="ms-Link insights-link root-109" aria-label="rule focus-order" aria-describedby="passed-rule-focus-order-description">focus-order</a></span>: <span class="rule-details-description" id="passed-rule-focus-order-description">Focus Order is Logical. Keyboard users can navigate content in a reasonable order.</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks" class="ms-Link insights-link root-109">WCAG 2.4.1</a></span>)<span class="guidance-tags"><span>AI suggested</span><span>Preview</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-hidden-body" class="ms-Link insights-link root-109" aria-label="rule aria-hidden-body" aria-describedby="passed-rule-aria-hidden-body-description">aria-hidden-body</a></span>: <span class="rule-details-description" id="passed-rule-aria-hidden-body-description">Ensures aria-hidden=&#x27;true&#x27; is not present on the document body.</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/avoid-inline-spacing" class="ms-Link insights-link root-109" aria-label="rule avoid-inline-spacing" aria-describedby="passed-rule-avoid-inline-spacing-description">avoid-inline-spacing</a></span>: <span class="rule-details-description" id="passed-rule-avoid-inline-spacing-description">Ensure that text spacing set through style attributes can be adjusted with custom stylesheets</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html" class="ms-Link insights-link root-109">WCAG 1.4.12</a></span>)<span class="guidance-tags"><span>New for WCAG 2.1</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/color-contrast" class="ms-Link insights-link root-109" aria-label="rule color-contrast" aria-describedby="passed-rule-color-contrast-description">color-contrast</a></span>: <span class="rule-details-description" id="passed-rule-color-contrast-description">Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html" class="ms-Link insights-link root-109">WCAG 1.4.3</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/document-title" class="ms-Link insights-link root-109" aria-label="rule document-title" aria-describedby="passed-rule-document-title-description">document-title</a></span>: <span class="rule-details-description" id="passed-rule-document-title-description">Ensures each HTML document contains a non-empty &lt;title&gt; element</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/page-titled.html" class="ms-Link insights-link root-109">WCAG 2.4.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/duplicate-id-active" class="ms-Link insights-link root-109" aria-label="rule duplicate-id-active" aria-describedby="passed-rule-duplicate-id-active-description">duplicate-id-active</a></span>: <span class="rule-details-description" id="passed-rule-duplicate-id-active-description">Ensures every id attribute value of active elements is unique</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/parsing.html" class="ms-Link insights-link root-109">WCAG 4.1.1</a></span>)<span class="guidance-tags"><span>Deprecated for WCAG 2.2</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/duplicate-id" class="ms-Link insights-link root-109" aria-label="rule duplicate-id" aria-describedby="passed-rule-duplicate-id-description">duplicate-id</a></span>: <span class="rule-details-description" id="passed-rule-duplicate-id-description">Ensures every id attribute value is unique</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/parsing.html" class="ms-Link insights-link root-109">WCAG 4.1.1</a></span>)<span class="guidance-tags"><span>Deprecated for WCAG 2.2</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/form-field-multiple-labels?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule form-field-multiple-labels" aria-describedby="passed-rule-form-field-multiple-labels-description">form-field-multiple-labels</a></span>: <span class="rule-details-description" id="passed-rule-form-field-multiple-labels-description">Ensures form field does not have multiple label elements</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions.html" class="ms-Link insights-link root-109">WCAG 3.3.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/image-alt" class="ms-Link insights-link root-109" aria-label="rule image-alt" aria-describedby="passed-rule-image-alt-description">image-alt</a></span>: <span class="rule-details-description" id="passed-rule-image-alt-description">Ensures &lt;img&gt; elements have alternate text or a role of none or presentation</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html" class="ms-Link insights-link root-109">WCAG 1.1.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/image-redundant-alt?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule image-redundant-alt" aria-describedby="passed-rule-image-redundant-alt-description">image-redundant-alt</a></span>: <span class="rule-details-description" id="passed-rule-image-redundant-alt-description">Ensure image alternative is not repeated as text</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/input-button-name" class="ms-Link insights-link root-109" aria-label="rule input-button-name" aria-describedby="passed-rule-input-button-name-description">input-button-name</a></span>: <span class="rule-details-description" id="passed-rule-input-button-name-description">Ensures input buttons have discernible text</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/label-title-only?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule label-title-only" aria-describedby="passed-rule-label-title-only-description">label-title-only</a></span>: <span class="rule-details-description" id="passed-rule-label-title-only-description">Ensures that every form element is not solely labeled using the title or aria-describedby attributes</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/landmark-no-duplicate-banner?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule landmark-no-duplicate-banner" aria-describedby="passed-rule-landmark-no-duplicate-banner-description">landmark-no-duplicate-banner</a></span>: <span class="rule-details-description" id="passed-rule-landmark-no-duplicate-banner-description">Ensures the document has at most one banner landmark</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/landmark-no-duplicate-contentinfo?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule landmark-no-duplicate-contentinfo" aria-describedby="passed-rule-landmark-no-duplicate-contentinfo-description">landmark-no-duplicate-contentinfo</a></span>: <span class="rule-details-description" id="passed-rule-landmark-no-duplicate-contentinfo-description">Ensures the document has at most one contentinfo landmark</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/link-name" class="ms-Link insights-link root-109" aria-label="rule link-name" aria-describedby="passed-rule-link-name-description">link-name</a></span>: <span class="rule-details-description" id="passed-rule-link-name-description">Ensures links have discernible text</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html" class="ms-Link insights-link root-109">WCAG 2.4.4</a><span>, </span><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/list" class="ms-Link insights-link root-109" aria-label="rule list" aria-describedby="passed-rule-list-description">list</a></span>: <span class="rule-details-description" id="passed-rule-list-description">Ensures that lists are structured correctly</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/listitem" class="ms-Link insights-link root-109" aria-label="rule listitem" aria-describedby="passed-rule-listitem-description">listitem</a></span>: <span class="rule-details-description" id="passed-rule-listitem-description">Ensures &lt;li&gt; elements are used semantically</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/table-duplicate-name?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule table-duplicate-name" aria-describedby="passed-rule-table-duplicate-name-description">table-duplicate-name</a></span>: <span class="rule-details-description" id="passed-rule-table-duplicate-name-description">Ensure that tables do not have the same summary and caption</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/td-headers-attr" class="ms-Link insights-link root-109" aria-label="rule td-headers-attr" aria-describedby="passed-rule-td-headers-attr-description">td-headers-attr</a></span>: <span class="rule-details-description" id="passed-rule-td-headers-attr-description">Ensure that each cell in a table using the headers refers to another cell in that table</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/th-has-data-cells?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule th-has-data-cells" aria-describedby="passed-rule-th-has-data-cells-description">th-has-data-cells</a></span>: <span class="rule-details-description" id="passed-rule-th-has-data-cells-description">Ensure that each table header in a data table refers to data cells</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a></span>)</div></div></div></div><div class="result-section"><div class="collapsible-container collapsed"><h2 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-incomplete-checks-section"><span class="result-section-title--RGFI5"><span class="screen-reader-only">Incomplete checks 0</span><span class="title--WBYFE" aria-hidden="true">Incomplete checks</span><span class="outcome-chip-container--BT3j5" aria-hidden="true"><span class="outcome-chip outcome-chip-incomplete" title="0 Incomplete"><span class="icon"><span class="check-container"></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 0</span><span class="screen-reader-only">0 Incomplete</span></span></span></span></button></h2><div id="content-container-incomplete-checks-section" class="collapsible-content" aria-hidden="true"><div class="rule-details-group--Tb-LW"></div></div></div></div><div class="result-section"><div class="collapsible-container collapsed"><h2 class="heading-element-for-level--ifVX6 title-container"><button class="collapsible-control" aria-expanded="false" aria-controls="content-container-not-applicable-checks-section"><span class="result-section-title--RGFI5"><span class="screen-reader-only">Not applicable checks 45</span><span class="title--WBYFE" aria-hidden="true">Not applicable checks</span><span class="outcome-chip-container--BT3j5" aria-hidden="true"><span class="outcome-chip outcome-chip-inapplicable" title="45 Not applicable"><span class="icon"><span class="check-container"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><circle cx="8" cy="8" r="8" fill="#737373"></circle><line x1="5.66064" y1="5.625" x2="10.2568" y2="10.2212" stroke="white" stroke-width="1.5" stroke-linecap="round"></line></svg></span></span><span data-automation-id="count" class="count" aria-hidden="true"> 45</span><span class="screen-reader-only">45 Not applicable</span></span></span></span></button></h2><div id="content-container-not-applicable-checks-section" class="collapsible-content" aria-hidden="true"><div class="rule-details-group--Tb-LW"><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/accesskeys?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule accesskeys" aria-describedby="not-applicable-rule-accesskeys-description">accesskeys</a></span>: <span class="rule-details-description" id="not-applicable-rule-accesskeys-description">Ensures every accesskey attribute value is unique</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/area-alt?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule area-alt" aria-describedby="not-applicable-rule-area-alt-description">area-alt</a></span>: <span class="rule-details-description" id="not-applicable-rule-area-alt-description">Ensures &lt;area&gt; elements of image maps have alternate text</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html" class="ms-Link insights-link root-109">WCAG 1.1.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-allowed-attr" class="ms-Link insights-link root-109" aria-label="rule aria-allowed-attr" aria-describedby="not-applicable-rule-aria-allowed-attr-description">aria-allowed-attr</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-allowed-attr-description">Ensures ARIA attributes are allowed for an element&#x27;s role</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/aria-allowed-role?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule aria-allowed-role" aria-describedby="not-applicable-rule-aria-allowed-role-description">aria-allowed-role</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-allowed-role-description">Ensures role attribute has an appropriate value for the element</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a><span>, </span><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)<span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-hidden-focus" class="ms-Link insights-link root-109" aria-label="rule aria-hidden-focus" aria-describedby="not-applicable-rule-aria-hidden-focus-description">aria-hidden-focus</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-hidden-focus-description">Ensures aria-hidden elements do not contain focusable elements</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a><span>, </span><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-input-field-name" class="ms-Link insights-link root-109" aria-label="rule aria-input-field-name" aria-describedby="not-applicable-rule-aria-input-field-name-description">aria-input-field-name</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-input-field-name-description">Ensures every ARIA input field has an accessible name</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-required-attr" class="ms-Link insights-link root-109" aria-label="rule aria-required-attr" aria-describedby="not-applicable-rule-aria-required-attr-description">aria-required-attr</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-required-attr-description">Ensures elements with ARIA roles have all required ARIA attributes</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-required-children" class="ms-Link insights-link root-109" aria-label="rule aria-required-children" aria-describedby="not-applicable-rule-aria-required-children-description">aria-required-children</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-required-children-description">Ensures elements with an ARIA role that require child roles contain them</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-required-parent" class="ms-Link insights-link root-109" aria-label="rule aria-required-parent" aria-describedby="not-applicable-rule-aria-required-parent-description">aria-required-parent</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-required-parent-description">Ensures elements with an ARIA role that require parent roles are contained by them</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-roles" class="ms-Link insights-link root-109" aria-label="rule aria-roles" aria-describedby="not-applicable-rule-aria-roles-description">aria-roles</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-roles-description">Ensures all elements with a role attribute use a valid value</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-toggle-field-name" class="ms-Link insights-link root-109" aria-label="rule aria-toggle-field-name" aria-describedby="not-applicable-rule-aria-toggle-field-name-description">aria-toggle-field-name</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-toggle-field-name-description">Ensures every ARIA toggle field has an accessible name</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-valid-attr-value" class="ms-Link insights-link root-109" aria-label="rule aria-valid-attr-value" aria-describedby="not-applicable-rule-aria-valid-attr-value-description">aria-valid-attr-value</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-valid-attr-value-description">Ensures all ARIA attributes have valid values</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/aria-valid-attr" class="ms-Link insights-link root-109" aria-label="rule aria-valid-attr" aria-describedby="not-applicable-rule-aria-valid-attr-description">aria-valid-attr</a></span>: <span class="rule-details-description" id="not-applicable-rule-aria-valid-attr-description">Ensures attributes that begin with aria- are valid ARIA attributes</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/autocomplete-valid" class="ms-Link insights-link root-109" aria-label="rule autocomplete-valid" aria-describedby="not-applicable-rule-autocomplete-valid-description">autocomplete-valid</a></span>: <span class="rule-details-description" id="not-applicable-rule-autocomplete-valid-description">Ensure the autocomplete attribute is correct and suitable for the form field</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html" class="ms-Link insights-link root-109">WCAG 1.3.5</a></span>)<span class="guidance-tags"><span>New for WCAG 2.1</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/blink" class="ms-Link insights-link root-109" aria-label="rule blink" aria-describedby="not-applicable-rule-blink-description">blink</a></span>: <span class="rule-details-description" id="not-applicable-rule-blink-description">Ensures &lt;blink&gt; elements are not used</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide" class="ms-Link insights-link root-109">WCAG 2.2.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/button-name" class="ms-Link insights-link root-109" aria-label="rule button-name" aria-describedby="not-applicable-rule-button-name-description">button-name</a></span>: <span class="rule-details-description" id="not-applicable-rule-button-name-description">Ensures buttons have discernible text</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/definition-list" class="ms-Link insights-link root-109" aria-label="rule definition-list" aria-describedby="not-applicable-rule-definition-list-description">definition-list</a></span>: <span class="rule-details-description" id="not-applicable-rule-definition-list-description">Ensures &lt;dl&gt; elements are structured correctly</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/dlitem" class="ms-Link insights-link root-109" aria-label="rule dlitem" aria-describedby="not-applicable-rule-dlitem-description">dlitem</a></span>: <span class="rule-details-description" id="not-applicable-rule-dlitem-description">Ensures &lt;dt&gt; and &lt;dd&gt; elements are contained by a &lt;dl&gt;</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships" class="ms-Link insights-link root-109">WCAG 1.3.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/duplicate-id-aria" class="ms-Link insights-link root-109" aria-label="rule duplicate-id-aria" aria-describedby="not-applicable-rule-duplicate-id-aria-description">duplicate-id-aria</a></span>: <span class="rule-details-description" id="not-applicable-rule-duplicate-id-aria-description">Ensures every id attribute value used in ARIA and in labels is unique</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/parsing.html" class="ms-Link insights-link root-109">WCAG 4.1.1</a></span>)<span class="guidance-tags"><span>Deprecated for WCAG 2.2</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/empty-heading?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule empty-heading" aria-describedby="not-applicable-rule-empty-heading-description">empty-heading</a></span>: <span class="rule-details-description" id="not-applicable-rule-empty-heading-description">Ensures headings have discernible text</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/frame-tested?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule frame-tested" aria-describedby="not-applicable-rule-frame-tested-description">frame-tested</a></span>: <span class="rule-details-description" id="not-applicable-rule-frame-tested-description">Ensures &lt;iframe&gt; and &lt;frame&gt; elements contain the axe-core script</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/frame-title-unique?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule frame-title-unique" aria-describedby="not-applicable-rule-frame-title-unique-description">frame-title-unique</a></span>: <span class="rule-details-description" id="not-applicable-rule-frame-title-unique-description">Ensures &lt;iframe&gt; and &lt;frame&gt; elements contain a unique title attribute</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/frame-title" class="ms-Link insights-link root-109" aria-label="rule frame-title" aria-describedby="not-applicable-rule-frame-title-description">frame-title</a></span>: <span class="rule-details-description" id="not-applicable-rule-frame-title-description">Ensures &lt;iframe&gt; and &lt;frame&gt; elements contain a non-empty title attribute</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks" class="ms-Link insights-link root-109">WCAG 2.4.1</a><span>, </span><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html" class="ms-Link insights-link root-109">WCAG 4.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/heading-order?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule heading-order" aria-describedby="not-applicable-rule-heading-order-description">heading-order</a></span>: <span class="rule-details-description" id="not-applicable-rule-heading-order-description">Ensures the order of headings is semantically correct</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/html-lang-valid" class="ms-Link insights-link root-109" aria-label="rule html-lang-valid" aria-describedby="not-applicable-rule-html-lang-valid-description">html-lang-valid</a></span>: <span class="rule-details-description" id="not-applicable-rule-html-lang-valid-description">Ensures the lang attribute of the &lt;html&gt; element has a valid value</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html" class="ms-Link insights-link root-109">WCAG 3.1.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/html-xml-lang-mismatch" class="ms-Link insights-link root-109" aria-label="rule html-xml-lang-mismatch" aria-describedby="not-applicable-rule-html-xml-lang-mismatch-description">html-xml-lang-mismatch</a></span>: <span class="rule-details-description" id="not-applicable-rule-html-xml-lang-mismatch-description">Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/language-of-page.html" class="ms-Link insights-link root-109">WCAG 3.1.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/input-image-alt" class="ms-Link insights-link root-109" aria-label="rule input-image-alt" aria-describedby="not-applicable-rule-input-image-alt-description">input-image-alt</a></span>: <span class="rule-details-description" id="not-applicable-rule-input-image-alt-description">Ensures &lt;input type=&quot;image&quot;&gt; elements have alternate text</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html" class="ms-Link insights-link root-109">WCAG 1.1.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/landmark-banner-is-top-level?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule landmark-banner-is-top-level" aria-describedby="not-applicable-rule-landmark-banner-is-top-level-description">landmark-banner-is-top-level</a></span>: <span class="rule-details-description" id="not-applicable-rule-landmark-banner-is-top-level-description">Ensures the banner landmark is at top level</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/landmark-complementary-is-top-level?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule landmark-complementary-is-top-level" aria-describedby="not-applicable-rule-landmark-complementary-is-top-level-description">landmark-complementary-is-top-level</a></span>: <span class="rule-details-description" id="not-applicable-rule-landmark-complementary-is-top-level-description">Ensures the complementary landmark or aside is at top level</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/landmark-contentinfo-is-top-level?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule landmark-contentinfo-is-top-level" aria-describedby="not-applicable-rule-landmark-contentinfo-is-top-level-description">landmark-contentinfo-is-top-level</a></span>: <span class="rule-details-description" id="not-applicable-rule-landmark-contentinfo-is-top-level-description">Ensures the contentinfo landmark is at top level</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/landmark-main-is-top-level?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule landmark-main-is-top-level" aria-describedby="not-applicable-rule-landmark-main-is-top-level-description">landmark-main-is-top-level</a></span>: <span class="rule-details-description" id="not-applicable-rule-landmark-main-is-top-level-description">Ensures the main landmark is at top level</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/landmark-unique?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule landmark-unique" aria-describedby="not-applicable-rule-landmark-unique-description">landmark-unique</a></span>: <span class="rule-details-description" id="not-applicable-rule-landmark-unique-description">Landmarks must have a unique role or role/label/title (i.e. accessible name) combination</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/marquee" class="ms-Link insights-link root-109" aria-label="rule marquee" aria-describedby="not-applicable-rule-marquee-description">marquee</a></span>: <span class="rule-details-description" id="not-applicable-rule-marquee-description">Ensures &lt;marquee&gt; elements are not used</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide" class="ms-Link insights-link root-109">WCAG 2.2.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/meta-refresh" class="ms-Link insights-link root-109" aria-label="rule meta-refresh" aria-describedby="not-applicable-rule-meta-refresh-description">meta-refresh</a></span>: <span class="rule-details-description" id="not-applicable-rule-meta-refresh-description">Ensures &lt;meta http-equiv=&quot;refresh&quot;&gt; is not used</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/timing-adjustable.html" class="ms-Link insights-link root-109">WCAG 2.2.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/meta-viewport-large?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule meta-viewport-large" aria-describedby="not-applicable-rule-meta-viewport-large-description">meta-viewport-large</a></span>: <span class="rule-details-description" id="not-applicable-rule-meta-viewport-large-description">Ensures &lt;meta name=&quot;viewport&quot;&gt; can scale a significant amount</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/meta-viewport" class="ms-Link insights-link root-109" aria-label="rule meta-viewport" aria-describedby="not-applicable-rule-meta-viewport-description">meta-viewport</a></span>: <span class="rule-details-description" id="not-applicable-rule-meta-viewport-description">Ensures &lt;meta name=&quot;viewport&quot;&gt; does not disable text scaling and zooming</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html" class="ms-Link insights-link root-109">WCAG 1.4.4</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/object-alt" class="ms-Link insights-link root-109" aria-label="rule object-alt" aria-describedby="not-applicable-rule-object-alt-description">object-alt</a></span>: <span class="rule-details-description" id="not-applicable-rule-object-alt-description">Ensures &lt;object&gt; elements have alternate text</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html" class="ms-Link insights-link root-109">WCAG 1.1.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/role-img-alt" class="ms-Link insights-link root-109" aria-label="rule role-img-alt" aria-describedby="not-applicable-rule-role-img-alt-description">role-img-alt</a></span>: <span class="rule-details-description" id="not-applicable-rule-role-img-alt-description">Ensures [role=&#x27;img&#x27;] elements have alternate text</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html" class="ms-Link insights-link root-109">WCAG 1.1.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/scope-attr-valid?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule scope-attr-valid" aria-describedby="not-applicable-rule-scope-attr-valid-description">scope-attr-valid</a></span>: <span class="rule-details-description" id="not-applicable-rule-scope-attr-valid-description">Ensures the scope attribute is used correctly on tables</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/scrollable-region-focusable" class="ms-Link insights-link root-109" aria-label="rule scrollable-region-focusable" aria-describedby="not-applicable-rule-scrollable-region-focusable-description">scrollable-region-focusable</a></span>: <span class="rule-details-description" id="not-applicable-rule-scrollable-region-focusable-description">Elements that have scrollable content should be accessible by keyboard</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html" class="ms-Link insights-link root-109">WCAG 2.1.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/server-side-image-map" class="ms-Link insights-link root-109" aria-label="rule server-side-image-map" aria-describedby="not-applicable-rule-server-side-image-map-description">server-side-image-map</a></span>: <span class="rule-details-description" id="not-applicable-rule-server-side-image-map-description">Ensures that server-side image maps are not used</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html" class="ms-Link insights-link root-109">WCAG 2.1.1</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/skip-link?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule skip-link" aria-describedby="not-applicable-rule-skip-link-description">skip-link</a></span>: <span class="rule-details-description" id="not-applicable-rule-skip-link-description">Ensure all skip links have a focusable target</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/tabindex?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule tabindex" aria-describedby="not-applicable-rule-tabindex-description">tabindex</a></span>: <span class="rule-details-description" id="not-applicable-rule-tabindex-description">Ensures tabindex attribute values are not greater than 0</span><span class="guidance-tags"><span>Best Practice</span></span></div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://accessibilityinsights.io/info-examples/web/valid-lang" class="ms-Link insights-link root-109" aria-label="rule valid-lang" aria-describedby="not-applicable-rule-valid-lang-description">valid-lang</a></span>: <span class="rule-details-description" id="not-applicable-rule-valid-lang-description">Ensures lang attributes have valid values</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts.html" class="ms-Link insights-link root-109">WCAG 3.1.2</a></span>)</div></div><div class="rule-detail"><div> <span class="rule-details-id"><a target="_blank" href="https://dequeuniversity.com/rules/axe/3.3/video-caption?application=webdriverjs" class="ms-Link insights-link root-109" aria-label="rule video-caption" aria-describedby="not-applicable-rule-video-caption-description">video-caption</a></span>: <span class="rule-details-description" id="not-applicable-rule-video-caption-description">Ensures &lt;video&gt; elements have captions</span>(<span class="guidance-links"><a target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/captions-prerecorded.html" class="ms-Link insights-link root-109">WCAG 1.2.2</a></span>)</div></div></div></div></div></div></div><script>(function(doc) {
    const collapsibles = doc.getElementsByClassName("collapsible-container");
    for(let index = 0; index < collapsibles.length; index++){
        const container = collapsibles.item(index);
        const button = container == null ? void 0 : container.querySelector(".collapsible-control");
        if (button == null) {
            continue;
        }
        button.addEventListener("click", function() {
            var _a;
            const content = (_a = button.parentElement) == null ? void 0 : _a.nextElementSibling;
            if (content == null) {
                throw Error(`Expected button element's parent to have a next sibling`);
            }
            const wasExpandedBefore = button.getAttribute("aria-expanded") === "false" ? false : true;
            const isExpandedAfter = !wasExpandedBefore;
            button.setAttribute("aria-expanded", isExpandedAfter + "");
            content.setAttribute("aria-hidden", !isExpandedAfter + "");
            if (isExpandedAfter) {
                container.classList.remove("collapsed");
            } else {
                container.classList.add("collapsed");
            }
        });
    }
})(document)</script><script>(function(doc) {
    const copyToClipboard = async function(instanceId) {
        const contentId = `copy-content-${instanceId}`;
        const contentElement = doc.getElementById(contentId);
        const textToCopy = contentElement ? contentElement.textContent || "" : instanceId;
        try {
            await navigator.clipboard.writeText(textToCopy);
        } catch (err) {
            console.error("Failed to copy text: ", err);
            return;
        }
        const notificationId = `copy-notification-${instanceId}`;
        const notificationElement = doc.getElementById(notificationId);
        if (notificationElement) {
            notificationElement.style.display = "inline";
            setTimeout(function() {
                notificationElement.style.display = "none";
            }, 2e3);
        }
    };
    const copyButtons = doc.querySelectorAll('button[id^="copy-button-"]');
    for(let i = 0; i < copyButtons.length; i++){
        const button = copyButtons[i];
        const buttonId = button.id;
        const instanceId = buttonId.replace("copy-button-", "");
        button.addEventListener("click", function() {
            void copyToClipboard(instanceId);
        });
    }
})(document)</script></div></main><div class="report-footer-container"><div class="report-footer" role="contentinfo">This automated checks result was generated using the Service Name for Axe Results With AI-detected Issues that helps find some of the most common accessibility issues. The scan was performed in a clean browser environment, using axe-core 3.3.2 and Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/78.0.3904.108 Safari/537.36 with a display resolution of 800x600. For a complete WCAG 2.1 compliance assessment please visit <a target="_blank" href="http://aka.ms/AccessibilityInsights" class="ms-Link insights-link tool-name-link root-109" title="Get more information and download Accessibility Insights for Web">http://aka.ms/AccessibilityInsights</a>.</div></div></body></html>